.video-player{position:relative;background:#111}
.video-player .static-video{display:block;width:100%;height:auto}
.video-play-button{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;border:0;padding:16px;background:transparent;color:#fff;font:600 clamp(16px,2vw,22px)/1.3 Arial,sans-serif;text-align:center;cursor:pointer;z-index:1;max-width:90%;text-shadow:0 2px 8px #000}
.video-play-icon{display:grid;place-items:center;width:clamp(68px,8vw,104px);height:clamp(68px,8vw,104px);box-sizing:border-box;padding-left:5px;border:2px solid #fff;border-radius:50%;background:#111b;font-size:clamp(26px,3vw,38px);box-shadow:0 4px 24px #0005;transition:background .15s,box-shadow .15s}
.video-play-button:hover .video-play-icon{background:#111e;box-shadow:0 4px 28px #0009}
.video-play-button:focus-visible{outline:3px solid #fff;outline-offset:5px;border-radius:12px}
.video-player-status{position:absolute;left:16px;right:16px;bottom:60px;padding:12px;background:#111e;color:#fff;font:16px/1.4 Arial,sans-serif}
.video-player [hidden]{display:none!important}