.audio-toggle {
  position: fixed;
  right: calc(1rem + env(safe-area-inset-right, 0px));
  top: calc(1rem + var(--safe-top));
  z-index: 40;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(15, 12, 10, 0.55);
  border: 1px solid color-mix(in srgb, var(--colore-secondario) 45%, transparent);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color: var(--colore-secondario);
  transition: transform 0.2s var(--ease-morbido), background 0.2s;
}

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

.audio-toggle svg {
  width: 1.15rem;
  height: 1.15rem;
}

.audio-toggle .icona-muto {
  display: none;
}

.audio-toggle[data-muto="true"] .icona-attivo {
  display: none;
}

.audio-toggle[data-muto="true"] .icona-muto {
  display: block;
}