.video-control{position:relative;cursor:pointer;--button-size:32px}.video-control [data-state]{display:none}.video-control[state=playing] [data-state=playing]{display:flex}.video-control[state=paused] [data-state=paused]{display:flex}.video-control video::-webkit-media-controls,.video-control video::-webkit-media-controls-start-playback-button,.video-control video::-webkit-media-controls-play-button{display:none !important;-webkit-appearance:none}
.video-control__buttons{position:absolute;bottom:var(--space-8);left:var(--space-8)}.video-control__button{position:relative;width:var(--button-size);height:var(--button-size)}.video-control__button::before{content:"";display:block;position:absolute;inset:0;opacity:.8;background-color:var(--color-champagne-70);border:1px solid var(--color-mauve-20);border-radius:50%}
.video-control__icon{position:relative;display:flex;justify-content:center;align-items:center}