.videoContainer{width:100%}.videoContainer>button{border:0;padding:0;background:rgba(0,0,0,0);appearance:none;border-radius:1rem;overflow:hidden;position:relative;width:100%;aspect-ratio:16/9;cursor:pointer;display:block}.videoContainer>button:disabled{cursor:default}.videoContainer>button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:2;transition:background .3s var(--animationStyle)}.videoContainer>button:hover:before{background:rgba(0,0,0,.45)}.videoContainer>button .videoThumbWrap{position:absolute;inset:0;width:100%;height:100%}.videoContainer>button .videoThumbWrap img{object-fit:cover;border-radius:1rem;transition:transform .7s var(--animationStyle)}.videoContainer>button:hover .videoThumbWrap img{transform:scale(1.04)}.videoContainer>button .play_button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6.4rem;height:6.4rem;background-color:#c4968f;border-radius:50%;display:flex;justify-content:center;align-items:center;outline:1px solid rgba(196,150,143,.3);outline-offset:.6rem;z-index:3;transition:outline-offset .3s var(--animationStyle)}.videoContainer>button:hover .play_button{outline-offset:.9rem}.videoContainer.playing .videoFrame{border-radius:1rem;overflow:hidden;position:relative;width:100%;aspect-ratio:16/9;background:#000}.videoContainer.playing .videoFrame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}