/* Encapsulate all styles under .musicplayermini-container */
.musicplayermini-container {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent; /* Adjust if necessary for your use case */
  padding: 10px;
  border-radius: 8px;
  width: 100%;
  height: auto; /* Ensure no fixed height */
  box-sizing: border-box; /* Make it responsive */
}

/* Player Container */
.musicplayermini-player {
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  width: fit-content;
  height: fit-content;
}

/* Play Button */
.musicplayermini-play-btn {
  background-color: #004a56;
  border: none;
  border-radius: 50%;
  color: #fff;
  padding: 1em; /* Space around icon */
  width: 70px; /* Explicit width for button */
  height: 70px; /* Explicit height for button */
  display: flex; /* Align icon properly */
  justify-content: center; /* Center icon */
  align-items: center; /* Center icon */
  cursor: pointer;
  transition: background-color 0.2s, transform 0.2s;
  box-sizing: border-box; /* Ensure consistent sizing */
  font-size: 1.2em; /* Default icon size */
}

.musicplayermini-play-btn.playing {
  font-size: 1em; /* Pause icon size */
}

.musicplayermini-play-btn:hover {
  background-color: #2296aa;
  transform: scale(1.1); /* Slight zoom effect on hover */
}

/* Ensure the audio element is hidden but accessible */
#musicplayermini-audio-player {
  display: none;
}