.wdb--video-box{overflow:hidden;position:relative}.wdb--video-box:hover .wdb-popup-btn{opacity:1;visibility:visible;transform:translate(-50%,-50%)}.wdb--video-box .thumb{line-height:0}.wdb--video-box img,.wdb--video-box video{width:100%;-o-object-fit:cover;object-fit:cover}.wdb--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}.wdb--video-box .subtitle,.wdb--video-box .title{color:#fff;margin:0}.wdb--video-box .wdb-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}.wdb--video-box .wdb-popup-btn.ripple::after,.wdb--video-box .wdb-popup-btn.ripple::before{color:#fff}.wdb--video-box.style-1 .content{flex-direction:column;justify-content:flex-end}.wdb--video-box.style-2 .thumb img{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,55% 100%,0 70%);clip-path:polygon(0 0,100% 0,100% 100%,55% 100%,0 70%)}.wdb--video-box.style-2 .content{flex-direction:column-reverse;justify-content:flex-start}.wdb--video-box.style-2 .subtitle,.wdb--video-box.style-2 .title{margin:0}