#footer .icons .sound-toggle {
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  padding: 0;
  font: inherit;
  line-height: inherit;
}

#footer .icons .sound-toggle i {
  font-size: 1.25em;
  transition: color 0.2s ease, opacity 0.2s ease;
}

#footer .icons .sound-toggle:hover,
#footer .icons .sound-toggle:focus-visible {
  color: rgba(255, 255, 255, 0.85);
  outline: none;
}

#footer .icons .sound-toggle.activo i {
  color: rgba(255, 184, 77, 0.95);
}

#footer .icons .sound-toggle.muted i {
  color: rgba(255, 255, 255, 0.45);
}