.video-preview{height:100%}@media(min-width:1200px){.video-preview{transition:box-shadow .6s ease-out}.video-preview:hover .video-preview__title{color:#008790;transition:color .6s ease-out}}.video-preview__inner{display:flex;flex-direction:column;height:100%}.video-preview__img-box{position:relative}.video-preview__img-wrapper{height:254px;overflow:hidden;width:100%;z-index:1}@media(min-width:480px){.video-preview__img-wrapper{height:250px}}@media(min-width:992px){.video-preview__img-wrapper{height:330px}}@media(min-width:1200px){.video-preview__img-wrapper{height:306px}}.video-preview__content{background-color:#fff;padding:16px 0 0}@media(min-width:1200px){.video-preview__content{padding:24px 0 0}}.video-preview__title{color:#101820;display:-webkit-box;overflow:hidden;transition:color .6s ease-out;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis}.video-preview__btn{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.video-preview__btn-inner{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff3d;border:2px solid #80c3c7;display:flex;height:46px;justify-content:center;width:46px}@media(min-width:768px){.video-preview__btn-inner{height:68px;width:68px}}.video-preview__btn-icon{height:16px;transform:scale(1);width:16px;will-change:opacity,transform}