- update spotify music quiz

Author: TobiasMue91

tools/spotify_music_quiz_cards.html

@@ -87,6 +87,7 @@
             width: 60vmin;
             height: 60vmin;
             font-size: 30vmin;
+            padding-bottom: 7vmin;
             border: none;
             border-radius: 50%;
             background: linear-gradient(145deg, #1DB954, #169c45);
@@ -97,6 +98,8 @@
             display: flex;
             justify-content: center;
             align-items: center;
+            font-weight: 900;
+            text-shadow: 0 4px 8px rgba(0, 0, 0, 0.3), 0 8px 16px rgba(0, 0, 0, 0.2);
         }
 
         #pauseResumeButton:hover {
@@ -162,7 +165,7 @@
 
 <div id="player" class="hidden">
     <div class="button-container">
-        <button id="pauseResumeButton">⏸️</button>
+        <button id="pauseResumeButton">||</button>
         <a href="https://www.gptgames.dev/tools/spotify_qr_scanner" class="scan-button">
             Scan for next song
         </a>
@@ -186,7 +189,7 @@
             playerInstance.resume();
         }
         isPlaying = !isPlaying;
-        pauseResumeButton.textContent = isPlaying ? '⏸️' : '▶️';
+        pauseResumeButton.textContent = isPlaying ? '||' : '▷';
     }
 
     function getUrlParameter(name) {