.hb-pause-btn{position:absolute;bottom:1.5rem;left:1.5rem;z-index:30;width:2.75rem;height:2.75rem;border-radius:50%;background:#00000073;border:1.5px solid rgba(255,255,255,.22);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,transform .2s;overflow:visible;padding:0}.hb-pause-btn:hover{background:#000000a6;border-color:#ffffff73;transform:scale(1.08)}.hb-ring{position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(255,255,255,.35);animation:hb-pulse 2s ease-in-out infinite;pointer-events:none}@keyframes hb-pulse{0%{transform:scale(1);opacity:.7}50%{transform:scale(1.22);opacity:0}to{transform:scale(1);opacity:.7}}.hb-paused .hb-ring{animation:none;border-color:#ff505080;opacity:.6}.hb-icon--pause{display:flex;gap:3px;align-items:center;justify-content:center}.hb-icon--pause span{display:block;width:3px;height:12px;background:#fff;border-radius:2px}.hb-icon--play{display:none;font-size:.75rem;padding-left:2px}.hb-paused .hb-icon--pause{display:none}.hb-paused .hb-icon--play{display:block}.hb-pause-btn-sm{width:2rem;height:2rem;border-radius:50%;background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:#fff9;font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s;position:relative;overflow:visible;flex-shrink:0;margin-left:.5rem}.hb-pause-btn-sm:hover{background:#ffffff26;color:#fff;border-color:#ffffff4d}.hb-ring-sm{position:absolute;inset:-3px;border-radius:50%;border:1.5px solid rgba(255,255,255,.25);animation:hb-pulse 2.5s ease-in-out infinite;pointer-events:none}