.story-sound-button {
  position: absolute;
  z-index: 35;
  bottom: max(18px, env(safe-area-inset-bottom));
  left: 50%;
  min-height: 42px;
  padding: 7px 17px;
  border: 3px solid #fff5d2;
  border-radius: 999px;
  color: #fff8dc;
  background: rgb(14 78 77 / 92%);
  box-shadow: 0 4px 0 rgb(22 12 7 / 40%);
  font-family: "Trebuchet MS", sans-serif;
  font-size: clamp(14px, 1.5vw, 18px);
  font-weight: 900;
  white-space: nowrap;
  transform: translateX(-50%);
  cursor: pointer;
  touch-action: manipulation;
}

.story-sound-button:focus-visible {
  outline: 4px solid var(--gold);
  outline-offset: 2px;
}