/* sound */
#sound {
  display: flex;
  text-align: right;
  margin-left: auto;
}

#sound .playButton:first-child {
  margin-left: auto;
}

.playButton {
  display: flex;
  padding-left: var(--gapM);
}

.playButton .icon {
  width: var(--backgroundImageSize);
  height: var(--backgroundImageSize);
  /* margin: 6px 2px 3px 3px; */
  margin: 4px 2px 3px 3px;
  background-image: url(../assets/icon/pause.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (max-width: 600px) {
  .playButton {
    display: flex;
    padding-left: var(--gapS);
  }

  .playButton .icon {
    margin: 0 1px 2px 2px;
  }
}

.playButton.paused .icon {
  background-image: url(../assets/icon/play.svg);
}