.video-player{position:relative;width:100%;height:100%;overflow:hidden}.video-player__player{overflow:hidden;border-radius:16px;aspect-ratio:16/9}@media(max-width:575px){.video-player__player{aspect-ratio:4/5}}.video-player__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;border-radius:16px;overflow:hidden;border:1px solid #383838}.video-player__overlay:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,24,24,.4),#181818)}.video-player__thumbnail{object-fit:cover}.video-player__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .2s ease,opacity .2s ease;z-index:1}.video-player__play-button:hover{transform:translate(-50%,-50%) scale(1.05)}.video-player__play-button__button{aspect-ratio:128/90;max-width:128px;width:clamp(68px,15vw,150px)}