@media (max-width: 767px) {
  .shared-audio-toggle {
    position: absolute;
    left: 18px;
    z-index: 1102;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin: 0;
    padding: 0;
    color: var(--shared-color-wine);
    background: transparent;
    border: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  .shared-audio-toggle__note {
    width: 22px;
    height: 22px;
    overflow: visible;
    transform-origin: 50% 56%;
  }

  .shared-audio-toggle__mute-slash {
    display: none;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.25px;
    stroke-linecap: round;
  }

  .shared-audio-toggle.is-muted .shared-audio-toggle__mute-slash {
    display: block;
  }

  .shared-audio-toggle.is-playing .shared-audio-toggle__note {
    animation: shared-audio-note-spin 3.8s linear infinite;
  }

  .shared-audio-toggle:active {
    transform: scale(.9);
  }
}

@keyframes shared-audio-note-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .shared-audio-toggle.is-playing .shared-audio-toggle__note {
    animation: none;
  }
}