/* Base Audio Player Component Styles */
/* Uncomment this if you need to hide the default audio player
.audio-player audio {
  display: none;
}
*/

/* Base Button Styles */
.audio-player .play-pause {
  width: 30px;  /* Changed from 45px */
  height: 20px; /* Changed from 30px */
  margin: 3px;
  border: none;
  border-radius: 10%;
  outline: none;
  cursor: pointer;
  font-size: 20px;
  color: #fff;
  background: linear-gradient(to right, #00c6ff, #0072ff);
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  text-align: center;
}

/* Base Slider Styles */
.audio-player .seek {
  width: 100px;
  height: 8px;
  margin: 35px 0 0 0;
  border: none;
  outline: none;
  cursor: pointer;
  appearance: none;
  background: #1074c8;
}

/* Volume Slider Styles */
.audio-player .volume-slider::-webkit-slider-thumb {
  width: 10px;
  height: 10px;
  border: none;
  border-radius: 20;
  appearance: none;
  background: #1074c8;
  box-shadow: none;
}

.audio-player .volume-slider::-moz-range-thumb {
  width: 10px;
  height: 10px;
  border: none;
  border-radius: 20;
  background: #1074c8;
  box-shadow: none;
}