/*********************************************
 * Video Popup
**********************************************/
.twc-video-popup {
    --vp-width-btn-play:90px;
    --vp-size-icon:32px;
}
.twc-video-popup__video-link {
    display:block; position:relative; overflow:hidden;
    height:clamp(275px, 33.75vw, 486px);
}
.twc-video-popup__video-bg {transition:all .5s ease;}
.twc-video-popup__video-link:hover .twc-video-popup__video-bg {transform:scale(1.03);}

/* button */
.twc-video-popup__video-button-inner {
    width:var(--vp-width-btn-play); height:var(--vp-width-btn-play);
    border-radius:50%; background:#fff;
    color:var(--twc-color-primary); font-size:var(--vp-size-icon);
    transition:var(--twc-transition);
}
.twc-video-popup__video-button-inner i {display:block; transform:translate(.2em, .1em);}
.twc-video-popup__video-button-inner:hover {
    background:var(--twc-color-primary);
    color:var(--twc-color-on-primary);
}

/*********************************************
 * Video Popup Responsive
**********************************************/
@media only screen and (max-width:1024px) {
    .twc-video-popup {
        --vp-width-btn-play:60px;
        --vp-size-icon:20px;
    }
}