.music-toggle {
  margin-top: 8px;
  padding: 9px 16px;
  border: 1px solid #d6b46a80;
  border-radius: 999px;
  background: #3b1020;
  color: var(--goldlight);
  font: .78rem 'DM Sans', sans-serif;
  cursor: pointer;
  transition: background .2s, border-color .2s;
}

.music-toggle:hover,
.music-toggle:focus-visible {
  border-color: var(--gold);
  background: #4a1428;
}

.music-toggle:focus-visible {
  outline: 2px solid var(--goldlight);
  outline-offset: 3px;
}

.envelope.is-open .letter-preview {
  transform: translateY(-120px);
}

@media (max-width: 430px) {
  .envelope.is-open .letter-preview {
    transform: translateY(-95px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .music-toggle {
    transition: none;
  }
}