.audioPlayerModule {
  width: 100%;
  height: 60px;
  position: relative;
}

.audioTimeLineModule {
  position: relative;
  width: calc(100% - 25px);
  height: 60px;
  position: absolute;
  right: 0px;
  top: 10px;
  border-radius: 8px;
}

.waveform {
  height: 60px;
  margin: 0 15px 0 0px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  -webkit-filter: opacity(70%);
          filter: opacity(70%);
}

.timeline {
  height: 2px;
  margin: 0 15px 0 30px;
  position: absolute;
  top: 50%;
  width: calc(100% - 65px);
  pointer-events: none;
}

.timeMark {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #b3b3b3;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  pointer-events: none;
}

.audioBtnPaused, .audioBtnPlaying, .audioBtn {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background-size: 46px 46px;
  background-position: -3px -3px;
  position: absolute;
  top: 20px;
}

.audioBtnPaused {
  background-image: url(../../../../img/play.png);
}

.audioBtnPlaying {
  background-image: url(../../../../img/pause.png);
}