/*********************************************
 * CTA Button
**********************************************/
.vii-header-cta-buttons {gap:12px;}

/* Button with lottie */
.btn_with_lottie {
    --btn-color:var(--vii-color-dark);
    --btn-bg:rgba(0,0,0,0);
    --btn-color-hover:var(--vii-color-primary);
    --btn-border-color:var(--vii-color-light-gray-7);
     --btn-border-color-hover:var(--vii-color-primary);
    --btn-bg-hover:rgba(0,0,0,0);

    display:inline-flex; align-items:center; justify-content:center;
    border:2px solid var(--btn-border-color);border-radius:16px;
    text-decoration:none;text-transform:uppercase;line-height:1.1; letter-spacing:0.04em;
    font-family:var(--vii-font-primary), sans-serif; font-weight:500; font-size:var(--vii-size-14);
    background:var(--btn-bg); color:var(--btn-color);
    padding:5px 24px 5px 16px; min-height:44px; min-width:160px;
    transition:all .4s ease;
}
.btn_with_lottie [data-lottie] {height:32px; aspect-ratio:1;}
.btn_with_lottie span {transform:translateY(0.05em)}
.btn_with_lottie:hover, .btn_with_lottie:focus,
.trigger-hover:hover .btn_with_lottie, .trigger-hover:focus .btn_with_lottie {
    background:var(--btn-bg-hover); color:var(--btn-color-hover);
    border-color:var(--btn-border-color-hover);
}
.btn_with_lottie:focus-visible {border-radius:16px;}

/* button lottie with text color white */
.txt_color_white .btn_with_lottie {
    --btn-color-hover:var(--vii-color-white);
    --btn-border-color-hover:var(--vii-color-white);
    --btn-bg:var(--vii-color-white);
    --btn-bg-hover:rgba(0,0,0,0);
}


/*********************************************
 * CTA Button - Responsive
**********************************************/
@media only screen and (max-width:1180px) {
    .vii-header-cta-buttons {gap:6px;}
    .vii-header-cta-buttons a {width:calc(50% - 3px); min-width:80px;}
    .btn_with_lottie {border-width:1px; padding-left:12px; padding-right:16px;}
    .btn_with_lottie [data-lottie] {height:28px;}
}