/*********************************************
 * CTA Section
**********************************************/
/* big image */
.vii-cta-section__big-image {aspect-ratio:720/600;}

/* vertical alignment */
.vii-cta-section__col.right:after {content:"";}
.vii-cta-section__col.right:not(:has(.vii-cta-section__small-image)):before {content:"";}


.vii-cta-section__content {max-width:690px;}
.vii-cta-section__content {padding:var(--vii-spacing-default) var(--vii-gap-container);}

/* circle button */
.btn_circle {
    width:135px; display:inline-flex;
    background:var(--vii-color-black); color:var(--vii-color-white);
}
.btn_circle i {font-size:10px;}
.btn_circle:before {background:var(--vii-color-primary); transition:var(--vii-transition); transform:scale(0); border-radius:50%;}
.txt_color_white .btn_circle {background:var(--vii-color-text-primary-900-dark); color:var(--vii-color-black);}
.magnetizing .btn_circle,
.btn_circle:hover, .btn_circle:focus {
    color:var(--vii-color-on-primary);
    transform:scale(.95);
}
.magnetizing .btn_circle:before,
.btn_circle:hover:before, .btn_circle:focus:before {transform:scale(1);}

/*********************************************
 * CTA Section Responsive
**********************************************/
@media only screen and (max-width:768px) {
    .vii-cta-section__col {width:100%;}
    .btn_circle {width:100px;}
}
@media only screen and (max-width:480px) {
    .vii-cta-section__small-image {aspect-ratio:399/200;}
}