.video-thumbnail{position:relative;width:100%;height:100%;cursor:pointer;background:#000;display:flex;justify-content:center;align-items:center}.video-thumbnail img{width:100%;height:100%;object-fit:cover;opacity:.9;transition:opacity .3s ease}.video-thumbnail:hover img{opacity:1}.play-btn{position:absolute;width:68px;height:48px;background-color:#212121cc;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:background-color .2s,transform .2s;z-index:2}.play-btn:before{content:"";border-style:solid;border-width:10px 0 10px 18px;border-color:transparent transparent transparent #fff}.video-thumbnail:hover .play-btn{background-color:red;transform:scale(1.1)}