.site-sound-toggle {
  position: fixed;
  left: clamp(16px, 4vw, 32px);
  bottom: clamp(16px, 4vw, 30px);
  z-index: 40;
  min-height: 44px;
  padding: 10px 15px;
  border: 1px solid color-mix(in srgb, var(--lime, #b5f000) 55%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, #070908 86%, transparent);
  color: #fff;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .28);
  cursor: pointer;
  font: 800 13px/1.1 Arial, sans-serif;
  letter-spacing: .01em;
  backdrop-filter: blur(10px);
}

.site-sound-toggle span {
  color: var(--lime, #b5f000);
}

.site-sound-toggle:focus-visible {
  outline: 3px solid var(--lime, #b5f000);
  outline-offset: 4px;
}

@media (max-width: 720px) {
  .site-sound-toggle {
    left: 14px;
    bottom: 14px;
    padding: 10px 13px;
    font-size: 12px;
  }
}