.video-with-preview{position:relative}.video-with-preview__embed,.video-with-preview__mp4{aspect-ratio:16/9;border-radius:6px;height:auto;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:-1}.video-with-preview__preview{border-radius:6px;height:auto;opacity:1;transition:opacity .5s ease;width:100%}.video-with-preview__button{gap:24px;left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .5s ease;white-space:nowrap}.video-with-preview__button,.video-with-preview__button .hs_cos_wrapper_type_icon{align-items:center;display:flex;justify-content:center}.video-with-preview__button svg{height:auto;width:15px}.video-with-preview__button svg path{fill:#fff}