/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Button Block CSS */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ 

.hb_block_buttons {
    display: flex;
    margin-top: 20px;
}

.hb_block_buttons.is_align_left {
    justify-content: left;
}

.hb_block_buttons.is_align_center {
    justify-content: center;
}

.hb_block_buttons.is_align_right {
    justify-content: right;
}

.hb_block_buttons.notation_is_regular .hb_block_button {
    text-transform: inherit;
}

.hb_block_buttons.notation_is_uppercase .hb_block_button {
    text-transform: uppercase;
}

.hb_block_buttons.notation_is_lowercase butt.hb_block_buttonon{
    text-transform: lowercase;
}

.hb_block_buttons .hb_block_button {
    display: inline-block;
    margin: 0;
}

.hb_block_buttons.is_style_border .hb_block_button a {
    border: var(--border_color) 2px solid;
    background-color: transparent;
}

.hb_block_buttons.solid_bg .hb_block_button a {
    border: none;
    background-color: var(--back_color);
}

.hb_block_buttons.gradient_bg .hb_block_button a {
    border: none;
    background-image: linear-gradient(30deg, var(--grading1), var(--grading2));
}

.hb_block_buttons .hb_block_button a {
    display: inline-block;
    color: var(--text_color);
    word-break: break-word;
    font-family: inherit;
    font-weight: 300;
    letter-spacing: 0.15rem;
    font-size: 1.125em;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
}

.hb_block_buttons.is_style_border .hb_block_button a:hover {
    background-position: right center;
    background-size: 200% auto;
    -webkit-animation: pulse1 2s infinite;
    animation: pulse1 1.5s infinite;
   }

.hb_block_buttons.is_style_fill .hb_block_button a:hover {
    background-position: right center;
    background-size: 200% auto;
    -webkit-animation: pulse2 2s infinite;
    animation: pulse2 1.5s infinite;
   }

.hb_block_buttons.gradient_bg .hb_block_button a:hover {
    background-position: right center;
    background-size: 200% auto;
    -webkit-animation: pulse3 2s infinite;
    animation: pulse3 1.5s infinite;
    }

@keyframes pulse1 {
    0% { box-shadow: 0 0 0 0 var(--border_color); }
    70% { box-shadow: 0 0 0 10px rgb(218 103 68 / 0%); }
    100% { box-shadow: 0 0 0 0 rgb(218 103 68 / 0%); }
}
   
@keyframes pulse2 {
    0% { box-shadow: 0 0 0 0 var(--back_color); }
    70% { box-shadow: 0 0 0 10px rgb(218 103 68 / 0%); }
    100% { box-shadow: 0 0 0 0 rgb(218 103 68 / 0%); }
}

@keyframes pulse3 {
    0% { box-shadow: 0 0 0 0 var(--grading1); }
    70% { box-shadow: 0 0 0 10px rgb(218 103 68 / 0%); }
    100% { box-shadow: 0 0 0 0 rgb(218 103 68 / 0%); }
}

.editor-styles-wrapper .hb_block_buttons .hb_block_button a,
.editor-styles-wrapper .hb_block_buttons .hb_block_button a:link { color: var(--text_color); }

.hb_block_buttons.is_style_border .hb_block_button a { font-weight: 700; }