.navattic_button_block {
    margin: 15px 0;
}

.navattic_button_block_button {
    min-width: 167px;
    display: inline-block;
    border-radius: 80px;
    font-family: 'Aeonik' !important;
    font-style: normal;
    font-weight: 500;
    font-size: 18px !important;
    line-height: 1;
    text-align: center;
    padding: 14px 23px;
    outline: none !important;
    border: 1px solid transparent;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    text-decoration: none !important;
    cursor: pointer;
}

.navattic_button_block_button.dark {
    background: #112031;
    border-color: #112031;
    color: #fff;
}

.navattic_button_block_button.dark:hover,
.navattic_button_block_button.dark:active {
    background: #fff;
    border-color: #112031;
    color: #112031;
}

.navattic_button_block_button.yellow {
    background: #FDFF37;
    border-color: #FDFF37;
    color: #112031;
}

.navattic_button_block_button.yellow:hover,
.navattic_button_block_button.yellow:active {
    background: #FEFF87;
    border-color: #FEFF87;
    color: #112031;
}

.navattic_button_block_button.yellow_animation {
    position: relative;
    border: none;
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    text-align: center;
    letter-spacing: .01em;
    color: #25282b;
    min-width: auto;
    background-color: transparent;
    padding: 1px 6px 3px;
}

.navattic_button_block_button.yellow_animation span {
    position: relative;
    color: #25282B !important;
    z-index: 2;
}

.navattic_button_block_button.yellow_animation:hover,
.navattic_button_block_button.yellow_animation:active,
.navattic_button_block_button.yellow_animation:visited {
    color: #25282B;
    text-transform: none;
}

.navattic_button_block_button.yellow_animation::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 9px;
    background: #FDFF37;

    margin: auto;
    left: 0;
    right: 0;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-name: visible-elements;
    animation-name: visible-elements;
}

.navattic_button_block_button.yellow_animation:hover::before {
    -webkit-animation-name: yellow-animation;
    animation-name: yellow-animation;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.navattic_button_block_image {
    cursor: pointer;
}