.audio-player-container {
  background-color: #c9c9c9;
  border-radius: 8px;
  box-shadow: 0 5px 10px rgb(229 16 16 / 10%);
  max-width: 190px;
  margin: 10px auto;
  text-align: center;
}

.audio-player-title {
  font-size: 11px;
  margin-bottom: 2px;
  color: #000000;
  text-decoration: underline;
  font-weight: bold;
}

.audio-player {
  display: flex; /* Flexbox untuk tata letak */
  justify-content: center; /* Pusatkan kontrol */
  align-items: center; /* Pusatkan secara vertikal */
}

.controls {
  display: flex; /* Flexbox untuk kontrol */
  gap: 10px; /* Jarak antar tombol */
}

button {
  background-color: #f8f9fa;
  color: #000;
  border: none;
  border-radius: 5px;
  padding: 2px 5px;
  cursor: pointer;
  transition: background-color 0.3s;
}

button:hover {
  background-color: #0056b3; /* Warna latar belakang saat hover */
}

.btn-play, .btn-pause, .btn-stop {
  font-size: 1em; /* Ukuran font untuk simbol */
}

/* Menambahkan gaya untuk indikator status suara */
.audio-status {
  font-size: 12px;
  color:rgb(0, 0, 0);
  font-weight: bold;
}

.audio-status.playing {
  color: green;
}

.audio-status.paused {
  color: rgb(137, 90, 2);
}

.audio-status.stopped {
  color: rgb(97, 0, 0);
}

/* Menyembunyikan tombol Pause pada perangkat mobile */
@media (max-width: 768px) {
  #pause-btn {
      display: none;
  }
}

/* Menampilkan tombol Pause pada perangkat desktop */
@media (min-width: 769px) {
  #pause-btn {
      display: inline-block;
  }
}