p.info {
    display: none;
}

.song-album > h3 {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
}

.song-album {
    --shiny-background: radial-gradient(farthest-corner, #fff, #ccc3 50%);
    background: var(--shiny-background);
    padding: 1em;
    border-radius: 1em;
}

.playlist {
    background: var(--shiny-background);
    border-radius: 0.5em;
}
.audioPlayer > p {
    font-size: x-small;
    margin: 1em 2em;
}

span#nowPlaying {
    font-size: 1.6em;
    margin: 0 0.3em;
    display: inline-block;
}

#audioElement {
    width: 100%;
    height: 2.5em;
}

.audioPlayer {
    border: outset #aaa 2px;
    padding: 0.5em 1em;
    background: linear-gradient(53deg, #fff6, #fffc 25%, #fff6);
    filter: drop-shadow(0 0 5px #0004);
    border-radius: 3px;
}

.song-album ul {
    list-style: none;
    margin: 0;
    padding: 0.7em;
    background: linear-gradient(0, #fff0, #ffff);
}

li.song {
    display: flex;
    gap: 0.5em;
    align-items: flex-start;
    font-size: 0.9em;
    padding: 1px 6px;
    border-radius: 4px;
}

li.song:hover, li.song.active {
    background: linear-gradient(53deg, #fff6, #fffc 25%, #fff6);
    filter: drop-shadow(0 0 5px #0004);
}

.playButton {
    border: none;
    padding: 0;
    background: none;
    margin: 0;
}

.playlistTitle {
    flex: 1 1 0;
    text-align:left;
    white-space: break-spaces;
}

li.song > a {
    font-size: 0.8em;
    flex: 0 0 auto;
    display: block;
}

@media screen and (min-width: 500px) {
	.song > a::after {
			content: "Download";
	}
	.song > a > svg {
			display: none;
	}
}