.button {
  width: 32px;
  height: 32px;
  border: none;
  background-color: transparent;
  background-repeat: none;
  background-position: center;
  cursor: pointer;
  margin-right: 30px;
  outline: none;
}

.button:active {
  transform: scale(0.9);
}

.backward {
  background-image: url('../icons/backward.svg');
}

.expand {
  background-image: url('../icons/expandd.svg');
  margin-right: 0;
}

.forward {
  background-image: url('../icons/forward.svg');
}

.pause {
  background-image: url('../icons/pause.svg');
}

.play {
  background-image: url('../icons/play.svg');
}

.reduce {
  background-image: url('../icons/reduce.svg');
  margin-right: 0;
}

.silence {
  background-image: url('../icons/silence.svg');
}

.volume {
  background-image: url('../icons/volume.svg');
}