translation-waveform-audio/src/styles/audioComponents.css

Waveform react audioplayer

.flexButtonBox {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: auto;
  height: 100%;
}

.audio {
  display: flex;
  flex-direction: column;
}

.volumeAdjustBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 40px;
  height: 80px;
  transform: translate3d(0, -80px, 0);
  background-color: #fff;
  z-index: 20;

  & svg > g {
    cursor: pointer;
  }
}