.px-video-popup{--btn-w:100px;--btn-font-size:19px;--img-ar:16/9;--img-h:clamp(200px, 56vw, 582px)}.px-video__height{height:var(--img-h)}.has-custom-ar .px-video__height{--img-h:auto;aspect-ratio:var(--img-ar)}.px-video-popup__popup:before{background-color:#000;opacity:.1;transition:opacity .6s ease;z-index:2}.px-video-popup__popup:hover:before{opacity:.3}.px-video-popup__popup img{transition:transform .6s ease}.px-video-popup a:hover img{transform:scale(1.02)}.px-video-popup__play-button{width:var(--btn-w);background:var(--px-color-white);color:var(--px-color-black);font-size:var(--btn-font-size)}.px-video-popup__play-button:before{width:calc(var(--btn-w) + 20px);aspect-ratio:1;background:rgba(255,255,255,.2);top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%);transition:var(--px-transition);transition-delay:0.1s}.px-video-popup a:hover .px-video-popup__play-button:before{transform:translate(-50%,-50%) scale(1.05)}.px-video-popup a:hover .px-video-popup__play-button{background:#fff;color:var(--px-color-primary);transform:scale(1.05)}@media only screen and (min-width:769px){.px-video-popup__play-button i{transform:translate(3px,1px)}}@media only screen and (max-width:768px){.px-video-popup{--btn-w:68px;--btn-font-size:14px}.px-video__height{height:auto;width:100%;aspect-ratio:1}}