.sound-toggle { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 44px; height: 44px; padding: 11px; border: 0; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; }
.sound-toggle svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.sound-toggle:hover { background: #8882; }
.sound-toggle:focus-visible { outline: 3px solid var(--accent, #7550ed); outline-offset: 4px; }
.sound-toggle:disabled { opacity: .55; cursor: default; }
.page footer { flex-wrap: wrap; }
.page .sound-toggle { color: var(--muted); font-size: 12px; }
@media (max-width: 640px) { .sound-toggle { font-size: 10px; } }