.video-player{border-radius:12px;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:800px;overflow:hidden;width:100%}.video-player__container{background:#000;padding-bottom:56.25%;position:relative;width:100%}.video-player__video{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.video-player__controls{background:linear-gradient(0deg,rgba(0,0,0,.7) 0,transparent);bottom:0;display:none;left:0;padding:var(--cc-space-md);position:absolute;right:0}.video-player__play-button{align-items:center;background-color:var(--cc-primary,#5b57ff);border:none;border-radius:50%;box-shadow:0 4px 20px #5b57ff4d;cursor:pointer;display:flex;display:none;height:80px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .2s ease,opacity .2s ease;width:80px}.video-player__play-button:hover{opacity:.9;transform:translate(-50%,-50%) scale(1.1)}.video-player__play-icon{color:#fff;height:30px;margin-left:4px;width:30px}.video-player--playing .video-player__play-button{display:none}.video-player--loading{opacity:.7}@media(max-width:768px){.video-player{border-radius:8px;max-width:100%}.video-player__play-button{height:60px;width:60px}.video-player__play-icon{height:24px;width:24px}}