.sound-toggle {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: .625rem;
  min-height: 48px;
  padding: .55rem .75rem;
  border: 2px solid #68685f;
  border-radius: 2px;
  background: transparent;
  color: var(--paper);
  font: 800 .875rem/1 var(--body);
  white-space: nowrap;
  transition: background .15s, color .15s, box-shadow .15s;
}
.sound-toggle[aria-pressed="true"] {
  border-color: var(--lime);
  background: var(--lime);
  color: var(--ink);
  box-shadow: 3px 3px 0 var(--purple);
}
.sound-toggle:hover { border-color: var(--paper); }
.sound-icon {
  display: block;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.sound-copy { display: grid; gap: .3rem; text-align: left; }
#sound-label { font-size: .75rem; letter-spacing: .08em; opacity: .75; }
.sound-muted, .sound-toggle[aria-pressed="false"] .sound-waves { display: none; }
.sound-toggle[aria-pressed="false"] .sound-muted { display: block; }
@media (prefers-reduced-motion: reduce) {
  .sound-toggle { transition: none; }
}