.video-wrapper{border-radius:var(--radius);border:1px solid #3abff833;max-width:800px;margin:0 auto 2rem;transition:all .3s;overflow:hidden;box-shadow:0 10px 30px #0063c640}.video-wrapper:hover{transform:translateY(-5px);box-shadow:0 0 25px #3abff880}.video-container{width:100%;height:100%;position:relative}.video-element{object-fit:cover;filter:brightness(.95);width:100%;height:auto;max-height:400px;transition:filter .3s;display:block}.video-element:hover{filter:brightness()}.video-control{color:#fff;cursor:pointer;backdrop-filter:blur(4px);opacity:1;background:#3abff833;border:1px solid #3abff866;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .3s;display:flex;position:absolute;bottom:1rem;right:1rem}.video-container.playing .video-control{opacity:0;pointer-events:none}.video-container.playing:hover .video-control{opacity:1;pointer-events:all}