.sound-panel {
  width: 300px;
}

.panel-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.panel-actions button {
  padding-inline: 7px;
  white-space: nowrap;
}

#system-audio-button.is-active {
  border-color: #d8f4f4;
  background: #d8f4f4;
  color: #061014;
}

#system-audio-button:disabled {
  cursor: not-allowed;
  opacity: 0.38;
}

@media (max-width: 900px) {
  .sound-panel {
    width: 272px;
  }
}

@media (max-width: 620px) {
  .sound-panel {
    width: 210px;
  }

  .panel-actions {
    grid-template-columns: 1fr;
  }
}