.music-toggle {
  position:fixed;
  right:22px;
  top:92px;
  z-index:25;
  display:flex;
  align-items:center;
  gap:9px;
  min-height:44px;
  padding:9px 14px;
  border:1px solid #bda48680;
  border-radius:30px;
  background:#faf5edef;
  color:#691e2d;
  box-shadow:0 3px 16px #35201412;
  backdrop-filter:blur(12px)
}

.music-icon {
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border:1px solid #b39579;
  border-radius:50%;
  font:17px Georgia,serif
}

.music-label {
  font-size:10px;
  letter-spacing:1px
}

.music-toggle.playing .music-icon {
  animation:music-turn 6s linear infinite
}

.music-toggle[aria-busy=true] {
  opacity:.75
}

@keyframes music-turn {
  to {
    transform:rotate(360deg)
  }
}

@media(max-width:600px) {
  .music-toggle {
    top:auto;
    bottom:calc(max(14px,env(safe-area-inset-bottom)) + 65px);
    right:14px;
    padding:8px 11px;
    gap:7px
  }
  .music-label {
    font-size:12px
  }
}

@media(prefers-reduced-motion:reduce) {
  .music-toggle.playing .music-icon {
    animation:none
  }
}