.video-playback-button{--button-inner-opacity: 0.2;--button-icon-opacity: 0.7;inline-size:var(--inline-size);aspect-ratio:1;display:grid;place-items:center;grid-template-columns:100%}.video-playback-button:focus-visible{--button-inner-opacity: 1;--button-icon-opacity: 1}@media(hover: hover){.video-playback-button:hover{--button-inner-opacity: 1;--button-icon-opacity: 1}}.video-playback-button.is-hidden{opacity:0;visibility:hidden}.video-playback-button__inner{block-size:32px;block-size:2rem;inline-size:32px;inline-size:2rem;display:grid;place-items:center;grid-template-columns:100%;color:#fff;background-color:rgba(0, 0, 0, var(--button-inner-opacity));border-radius:50%;transition:background-color .25s}.video-playback-button__label{block-size:1px;block-size:0.0625rem;inline-size:1px;inline-size:0.0625rem;position:absolute;border:0;clip:rect(0 0 0 0);margin:-1px;margin:-0.0625rem;overflow:hidden;padding:0}.video-playback-button__icon{margin:0;opacity:var(--button-icon-opacity);transition:opacity .25s}.video-playback-button__icon .icon{margin-inline:0}.video-playback-button__icon .icon--play{margin-inline-start:2px;margin-inline-start:0.125rem}