.video-thumbnail{background:hsla(0,0%,100%,.7);border-radius:29px;box-shadow:0 10px 80px rgba(163,172,191,.6);cursor:pointer;max-width:800px;padding:10px;position:relative}.video-thumbnail img{border-radius:22px;display:block;height:440px;object-fit:cover;width:100%}.play-icon{align-items:center;background-color:rgba(0,0,0,.3);border-radius:22px;color:#fff;display:flex;font-size:42px;inset:0;justify-content:center;margin:10px;position:absolute;transition:.2s ease}.play-icon .icon{position:relative;transition:.2s ease}.play-icon .icon span:after,.play-icon .icon span:before{background-color:hsla(0,0%,100%,.4);border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.2);content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.play-icon .icon span:after{height:90px;width:90px}.play-icon .icon span:before{height:75px;width:75px}.play-icon svg{width:60px}.play-icon svg path{fill:#fff}.play-icon .icon:hover{transform:scale(1.3)}.play-icon .icon:hover span:after,.play-iconn .icon:hover span:before{background-color:hsla(0,0%,100%,.2)}.video-modal{align-items:center;background:rgba(0,0,0,.8);display:none;inset:0;justify-content:center;position:fixed;z-index:9999}.video-modal.active{display:flex}.video-modal-content{max-width:900px;position:relative;width:90%}.video-modal-content video{border-radius:0;width:100%}.close-modal{background:none;border:none;color:#fff;cursor:pointer;font-size:28px;position:absolute;right:0;top:-40px}