.wcf--video-box{overflow:hidden;position:relative}.wcf--video-box:hover .wcf-popup-btn{opacity:1;visibility:visible;transform:translate(-50%,-50%)}.wcf--video-box .thumb{line-height:0}.wcf--video-box img,.wcf--video-box video{width:100%;-o-object-fit:cover;object-fit:cover}.wcf--video-box .content{position:absolute;width:100%;height:100%;inset-inline-start:0;top:0;display:flex;background-color:rgba(0,0,0,.3);padding:20px}.wcf--video-box .subtitle,.wcf--video-box .title{color:#fff;margin:0}.wcf--video-box .wcf-popup-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,0);width:60px;height:60px;color:#fff;cursor:pointer;border:1px solid #fff;background-color:transparent;transition:all .5s;opacity:0;visibility:hidden}.wcf--video-box .wcf-popup-btn.ripple::after,.wcf--video-box .wcf-popup-btn.ripple::before{color:#fff}.wcf--video-box.style-1 .content{flex-direction:column;justify-content:flex-end}.wcf--video-box.style-2 .thumb img{clip-path:polygon(0 0,100% 0,100% 100%,55% 100%,0 70%)}.wcf--video-box.style-2 .content{flex-direction:column-reverse;justify-content:flex-start}.wcf--video-box.style-2 .subtitle,.wcf--video-box.style-2 .title{margin:0}