.html.header-button-1 .button {
    color: white;
}
.header-button-1 a {
    background: linear-gradient(141deg, #ca10ff 0%, #B00508 60%, #00eaff) !important;
    border-color: #fffe00;
    color: #000;
    animation: tada 1.2s infinite;
}
@keyframes tada{
    0% {
        transform: scaleX(1);
    }
    10%, 20% {
        transform: scale3d(1, 1, 1) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        transform: scale3d(1.2, 1.2, 1.2) rotate(1deg);
    }
    40%, 60%, 80% {
        transform: scale3d(1.2, 1.2, 1.2) rotate(-2deg);
    }
    100% {
        transform: scaleX(1);
    }
}
.header-button-2 .header-button .button {
    width: 120px;
    height: 32px;
    color: #000;
    background: #faca46;
    border-radius: 32px;
    text-align: center;
    border: none;
    padding: 0;
    position: relative;
    outline: 0;
}
.header-button-2 .header-button .button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 16px;
    -webkit-animation: 1s ease-out .5s infinite shockwave;
    animation: 1s ease-out .5s infinite shockwave;
}
.header-button-2 .header-button .button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 16px;
    -webkit-animation: 1s ease-out .65s infinite shockwave;
    animation: 1s ease-out .65s infinite shockwave;
}
@keyframes shockwave{
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        box-shadow: 0 0 2px rgba(250, 202, 70, .65), inset 0 0 1px rgba(250, 202, 70, .95);
    }
    95% {
        box-shadow: 0 0 16px rgba(250, 202, 70, .15), inset 0 0 16px rgba(250, 202, 70, .15);
    }
    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}
#wide-nav ul.nav > li > a {
    display: block;
    width: 100%;
}
#wide-nav ul.nav > li > a img {
    display: block;
    margin: 0 auto 5px;
    width: 35px;
}
#wide-nav ul.nav > li {
    margin: 0 18px;
}
#wide-nav ul.nav > li > a:hover {
    color: #faca46;
}
.btn {
    border-radius: 99px;
    font-weight: 100;
    font-size: 14px;
    width: 100%;
    color: yellow;
    margin-bottom: 0 !important;
}
.btn:hover {
    background: yellow;
    color: #ff0000;
    box-shadow: none;
}
.tieude {
    text-transform: uppercase;
    background-image: linear-gradient(-225deg, #00f5ff 0%, #ffff00 29%, #f81123 67%, #fff800 100%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    display: block;
}
@keyframes textclip{
    100% {
        background-position: 200% center;
    }
}
.tieude h1 {
    font-size: 32px;
    margin-bottom: 40px;
}
.btn2 {
    width: 100%;
    padding: 5px;
    margin-bottom: 0 !important;
}
.content-home {
    background: #f7f7f7;
    padding: 20px;
    border-radius: 10px;
}
.content-home a {
    font-weight: bold;
    color: #dd3333;
}
.nopad{
    padding-block: 0 !important;
}
.post-item .box-text {
    background: #f7f7f7;
}
.breadcrumb {
    padding-top: 12px;
}
.entry-header-text-top {
    padding-bottom: 0;
}
#comments {
    display: none;
}
.archive-page-header h1 {
    text-align: center;
    font-size: 22px;
}