.audio-murmur {
  position: relative;
  max-width: 240px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .33rem;
}

.audio-murmur input {
  appearance: auto;
}

.audio-murmur-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 222ms;
  cursor: pointer;
}

audio-murmur:not([playing='true']) .audio-murmur-icon {
  opacity: .22 !important;
}

.audio-murmur-icon svg {
  max-width: 48px;
  max-height: 48px;
}

audio-murmur:not([playing='false']) svg-img[label='play'],
audio-murmur:not([playing='true']) svg-img[label='pause'] {
  display: none;
}

.audio-murmur-playstate {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  outline: 0;
  color: var(--text);
  padding: 0;
  min-width: 24px;
  min-height: 24px;
  transition: all ease 222ms;
}

audio-murmur:not([playing='true']) .audio-murmur-playstate {
  opacity: .22 !important;
}

.audio-murmur-playstate-icon svg {
  max-width: 24px;
  max-height: 24px;
}


audio-murmur:not([playing='true']) [name="volume"] {
  opacity: .22 !important;
}