/* Styles for the Audio Player */
.audio-player {
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    display: inline-block;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
}

.audio-player h4 {
    margin-bottom: 15px;
    font-size: 12px;
    color: var(--audio-title-color, #ffffff); /* Default title color */
    font-size: var(--audio-title-size, 12px);  /* Default font size */
}

.audio-player-control {
    width: 100%;
    max-width: 300px;
    border-radius: 5px;
}

.audio-player[data-bg-color='default'] {
    background-color: #000;
}

.audio-player[data-bg-color='light'] {
    background-color: #f4f4f4;
}

.audio-player[data-bg-color='blue'] {
    background-color: #00bcd4;
}

.audio-player[data-bg-color='red'] {
    background-color: #ff5733;
}

/* Responsive design */
@media (max-width: 600px) {
    .audio-player {
        padding: 15px;
    }

    .audio-player h4 {
        font-size: 12px;
    }
}