diff --git a/index.php b/index.php
index cfa9ba7..aab0f07 100644
--- a/index.php
+++ b/index.php
@@ -458,6 +458,20 @@ $liveIndex = get_live_index($schedule);
             align-items: center;
             justify-content: center;
             box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4);
+            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+        }
+
+        .play-btn.is-playing {
+            background: #ff3d00;
+            color: #fff;
+            box-shadow: 0 0 30px rgba(255, 61, 0, 0.6);
+            animation: pulse-red 2s infinite;
+        }
+
+        @keyframes pulse-red {
+            0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 61, 0, 0.7); }
+            70% { transform: scale(1.05); box-shadow: 0 0 0 20px rgba(255, 61, 0, 0); }
+            100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 61, 0, 0); }
         }
 
         .volume-container {
@@ -595,8 +609,17 @@ $liveIndex = get_live_index($schedule);
         let currentTrackTitle = "";
 
         function togglePlay() {
-            if (audio.paused) { audio.play(); playIcon.className = "bi bi-pause-fill"; }
-            else { audio.pause(); playIcon.className = "bi bi-play-fill"; }
+            const btn = document.querySelector(".play-btn");
+            if (audio.paused) { 
+                audio.play(); 
+                playIcon.className = "bi bi-pause-fill"; 
+                btn.classList.add("is-playing");
+            }
+            else { 
+                audio.pause(); 
+                playIcon.className = "bi bi-play-fill"; 
+                btn.classList.remove("is-playing");
+            }
         }
 
         function changeVolume(val) { audio.volume = val; }