.pause-btn{border-radius:var(--r-pill);width:32px;height:32px;color:var(--c-ink);cursor:pointer;-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);transition:background-color var(--dur-state) var(--ease), scale .12s var(--ease);background:#ffffffb8;border:0;place-items:center;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 1px #1f1d1b14}.pause-btn:hover{background:#ffffffeb}.pause-btn:active{scale:.94}.pause-btn:focus-visible{outline:2px solid var(--c-ink);outline-offset:2px}.pause-btn svg{fill:currentColor;width:14px;height:14px}@media (max-width:734px){.pause-btn{width:40px;height:40px}.pause-btn:after{content:"";position:absolute;inset:-2px}}:root:not([data-js]) .pause-btn{display:none}