.portfolio-music-toggle{
  position:absolute;z-index:6;left:3.5%;bottom:30px;
  display:grid;place-items:center;width:34px;height:34px;padding:0;
  border:1.5px solid #6b4f4566;border-radius:50%;
  background:#fdf1c8;color:#6b4f45;
  box-shadow:0 2px 6px #6b4f451f;
  cursor:pointer;transition:transform .15s,background .2s,opacity .2s;opacity:.85;
}
.portfolio-music-toggle:hover{transform:translateY(-1px);background:#fbe7a6;opacity:1}
.portfolio-music-toggle:focus-visible{outline:2px solid var(--pink-deep,#e48ea7);outline-offset:3px}
.portfolio-music-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.portfolio-music-toggle .spk{fill:currentColor;fill-opacity:.18}
.portfolio-music-toggle .wave{display:none}
.portfolio-music-toggle.is-playing .wave{display:inline;animation:music-wave 1.4s ease-in-out infinite}
.portfolio-music-toggle.is-playing .w2{animation-delay:.25s}
.portfolio-music-toggle.is-playing .mute{display:none}
.portfolio-music-toggle .mute{stroke:#c9806f}
@keyframes music-wave{0%,100%{opacity:.25}50%{opacity:1}}
@media(max-width:650px){.portfolio-music-toggle{left:14px;bottom:84px;width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.portfolio-music-toggle.is-playing .wave{animation:none}}