<style>
        .background-music {
            position: fixed;
            bottom: calc(env(safe-area-inset-bottom) + 64px);
            left: 16px;
            max-width: calc(100vw - 32px);
            z-index: 1020;
        }

        .background-music .

 <div class="background-music is-played">
        <a href="javascript:;" class="btn btn-dark btn-sm text-white">
            <span class="background-music-spinner">
                <i class="fas fa-spinner fa-pulse fa-fw"></i>
            </span>
            <span class="background-music-play-icon">
                <i class="fa fa-play fa-fw"></i>
            </span>
            <span class="background-music-pause-icon">
                <img src="https://wedew.id/plugins/wedew/website/assets/images/music-animation.svg" alt="" width="14" height="14">
            </span>
            <span class="background-music-credit ml-2">Thank God I Found You - Cover by BuDaKhelxKat (Mariah Carey, Joe, 98 Degrees)</span>
        </a>    
    </div>

    <script>
        window.WEDEW_BACKGROUND_MUSIC = {
            source: "file",
            id: "67ff2763dcf53780829199.mp3",
            url: "https://storage.wedew.id/uploads/public/67f/f27/63d/67ff2763dcf53780829199.mp3",
        }

        // Add your music player functionality here
        document.querySelector('.background-music .btn').addEventListener('click', function() {
            const player = document.querySelector('.background-music');
            player.classList.toggle('is-played');
            
            // Here you would add code to play/pause the audio
            // using the WEDEW_BACKGROUND_MUSIC.url
        });
    </script>

btn { background: rgba(0, 0, 0, 0.75); height: 32px; width: 32px; overflow: hidden; transition: all 2s ease; border-radius: 16px; white-space: nowrap; color: white; text-decoration: none; display: inline-flex; align-items: center; padding: 0 12px; } .background-music .btn:hover { width: auto; } .background-music-spinner, .background-music-play-icon, .background-music-pause-icon { display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; } .background-music.is-played .background-music-play-icon, .background-music:not(.is-played) .background-music-pause-icon, .background-music:not(.is-loading) .background-music-spinner { display: none; } .background-music-credit { margin-left: 8px; font-size: 12px; } </style> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">