.video-wrapper{position:relative;width:100%;max-height:80vh;max-width:100%;aspect-ratio:16/9;background-color:black;overflow:hidden;margin:0 auto;user-select:none}.video-element{width:100%;height:100%;object-fit:cover;display:block}.center-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.5);border:none;border-radius:50%;padding:20px;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease;outline:none;user-select:none}.center-button.hide{opacity:0;pointer-events:none}.center-button.show{opacity:1;pointer-events:auto}@media (max-width:768px){.video-wrapper{height:50vh;margin-top:-140px;margin-bottom:0}}