Added transitional colors for buttons.

Author: ProCO-RPHopkins

frontend/index.html

@@ -214,18 +214,18 @@ <h3 class="text-xl font-semibold mb-2 group-hover:text-teal-600 dark:group-hover
 
             <!-- Buttons -->
             <div class="flex flex-wrap gap-3">
-              <a href="#"
-                class="inline-flex items-center gap-2 px-3 py-2 rounded-lg bg-gradient-to-r from-emerald-500 to-teal-600 text-white text-xs font-semibold shadow-md hover:scale-105 transition ring-1 ring-emerald-400">
-                <i class="ti ti-rocket"></i>
-                Live Demo (coming soon)
-              </a>
-              <a href="https://drive.google.com/file/d/1T0vriv51OrSNy37oIJDMQL4UFP6XesZu/view?usp=sharing"
-                target="_blank"
-                class="inline-flex items-center gap-2 px-3 py-2 rounded-lg bg-gradient-to-r from-pink-500 to-rose-600 text-white text-xs font-semibold shadow-md hover:scale-105 transition ring-1 ring-pink-400">
-                <i class="ti ti-headphones"></i>
-                Play Podcast
-              </a>
-            </div>
+  <a href="#"
+    class="inline-flex items-center gap-2 px-3 py-2 rounded-lg bg-gradient-to-r from-teal-600 to-cyan-600 text-white text-xs font-semibold shadow-md hover:scale-105 transition ring-1 ring-teal-500">
+    <i class="ti ti-rocket"></i>
+    Live Demo (coming soon)
+  </a>
+  <a href="https://drive.google.com/file/d/1T0vriv51OrSNy37oIJDMQL4UFP6XesZu/view?usp=sharing"
+    target="_blank"
+    class="inline-flex items-center gap-2 px-3 py-2 rounded-lg bg-gradient-to-r from-purple-600 to-pink-600 text-white text-xs font-semibold shadow-md hover:scale-105 transition ring-1 ring-purple-500">
+    <i class="ti ti-headphones"></i>
+    Play Podcast
+  </a>
+</div>
 
             <!-- Tech Stack Chips -->
             <div class="flex flex-wrap gap-2 mt-4">