.vp{cursor:pointer;aspect-ratio:16/9;background-color:#000;border-radius:14px;width:90%;height:80vh;margin:40px auto 100px;position:relative;overflow:hidden}.vp__player{object-fit:cover;width:100%;height:100%;display:block}.vp__overlay{background-color:#0000004d;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.vp__overlay--hidden{opacity:0}.vp:hover .vp__overlay--hidden{opacity:1}.vp__btn{width:64px;height:64px;color:var(--color-navy);background-color:#fffffff2;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:transform .2s;display:flex}.vp:hover .vp__btn{transform:scale(1.08)}@media (max-width:768px){.vp{height:40vh;margin:20px auto 50px}.vp__btn{width:48px;height:48px;font-size:16px}}