html,body{margin:0;height:100%;background:#001C3B}
.play{display:block;position:relative;width:100%;height:100%;color:#fff;text-decoration:none}
.play picture,.play img{display:block;width:100%;height:100%}
.play img{object-fit:cover}
.btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.1rem;border:2px solid #fff;border-radius:999px;background:#001C3B;font:600 1rem/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;white-space:nowrap}
.btn svg{width:1.1rem;height:1.1rem;fill:currentColor}
.play:hover .btn,.play:focus-visible .btn{background:#0057B8}
.play:focus-visible{outline:4px solid #62B5F7;outline-offset:-4px}
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* r28.1: on a vertical Short the title card's text sits in the middle, so the button goes near the bottom edge instead */
.play-short .btn{top:auto;bottom:3%;transform:translateX(-50%);padding:.5rem 1rem}