/*********************************************
 * Video Popup
**********************************************/
.bb-video-popup {--btn-font-size:54px;}
.bb-video-popup__video-link {height:clamp(275px, 35.8vw, 516px); border-radius:20px;}

/* thumbnail */
.bb-video-popup__video-bg, .bb-video-popup__button {transition:transform .3s ease;}
.bb-video-popup__video-bg:before {background-color:rgba(0, 0, 0, .3); transition:opacity .3s ease;}

/* button */
.bb-video-popup__button {color:var(--bb-color-white); font-size:var(--btn-font-size);}

/* hover */
.bb-video-popup__video-link:not(:hover) .bb-video-popup__video-bg:before {opacity:0;}
.bb-video-popup__video-link:hover .bb-video-popup__video-bg {transform:scale(1.05);}
.bb-video-popup__video-link:hover .bb-video-popup__button {transform:scale(1.05) translate(-50%, -50%);}

/*********************************************
 * Video Popup Responsive
**********************************************/
@media only screen and (max-width:1024px) {
    .bb-video-popup {--btn-font-size:40px;}
}
@media only screen and (max-width:480px) {
    .bb-video-popup {--btn-font-size:30px;}
    .bb-video-popup__content br {display:none;}
}