Audio Player
audio { display: block; margin: 0 auto; width: 80%; max-width: 500px; background-color: #000000; padding: 10px; border-radius: 10px; } audio::-webkit-media-controls-start-playback-button, audio::-webkit-media-controls-mute-button, audio::-webkit-media-controls-volume-button { background-color: #ffffff; border-radius: 50%; width: 30px; height: 30px; } audio::-webkit-media-controls-start-playback-button:before { content: "\25BA"; font-size: 30px; line-height: 30px; } audio::-webkit-media-controls-volume-slider { width: 80%; margin: 10px auto 0; display: block; } audio::-webkit-media-controls-volume-slider::-webkit-media-slider-thumb { background-color: #ffffff; border-radius: 50%; width: 20px; height: 20px; margin-top: -8px; }