.music-toggle {
  position: fixed;
  right: 1.2rem;
  bottom: 1.2rem;
  z-index: 40;
  min-height: 42px;
  padding: .65rem .9rem;
  border: 1px solid #baff2966;
  background: #090b0ae8;
  color: #d7ddd8;
  font: 700 .76rem 'Barlow Condensed', sans-serif;
  letter-spacing: .12em;
  cursor: pointer;
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 28px #0008;
}
.music-toggle::before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: .55rem;
  border-radius: 50%;
  background: #666d68;
}
.music-toggle.is-playing { color: #baff29; border-color: #baff29; }
.music-toggle.is-playing::before { background: #baff29; box-shadow: 0 0 10px #baff29; }
.music-toggle:hover,
.music-toggle:focus-visible { color: #baff29; border-color: #baff29; outline: none; }
@media (max-width: 560px) { .music-toggle { right: .8rem; bottom: .8rem; } }