audio {
  width: 19%;
  border: 100px;
  height: 40px;
  border-radius: 0px 100px 100px 0px !important;
  overflow: hidden;
  background: linear-gradient(270deg,#BD2272,#17276D 100%);
  position: fixed; margin-left: 0px; top: 3px; bottom: 10px; z-index: 1;
}

audio::-webkit-media-controls-panel {
  background: linear-gradient(270deg,#BD2272,#17276D 100%);
  border-radius: 0px 5px 5px 0px !important;
  padding: 0 !important;
}

/*play button*/
audio::-webkit-media-controls-play-button {
  background-color: transparent;
  border-radius: 50% !important;
  width: 35px;
  height: 35px;
}

/*volume slider*/
audio::-webkit-media-controls-volume-slider {
  border-radius: 20px !important;
background-color: transparent;
}

/*time display*/
audio::-webkit-media-controls-current-time-display,
audio::-webkit-media-controls-time-remaining-display {
  color: #fff;
}

/*progress bar*/
audio::-webkit-media-controls-progress-bar {
  background-color: #fff;
  height: 5px;
  border-radius: 0px 5px 5px 0px !important;
}

audio::-webkit-media-controls-progress-bar::-webkit-progress-value {
  background-color: #fff;
}