diff --git a/index.php b/index.php
index abf7cc8..026c50e 100644
--- a/index.php
+++ b/index.php
@@ -386,32 +386,47 @@ $whatsapp_number = '+5359177041';
             text-transform: uppercase;
         }
 
-        /* Floating WhatsApp Button */
-        .whatsapp-float {
+        /* Floating Social Buttons */
+        .social-float-container {
             position: fixed;
             bottom: 2rem;
             right: 2rem;
+            display: flex;
+            flex-direction: column;
+            gap: 1rem;
+            z-index: 100;
+        }
+
+        .social-float {
             width: 60px;
             height: 60px;
-            background-color: var(--accent-color);
             color: #FFF;
             border-radius: 50%;
             text-align: center;
-            font-size: 30px;
-            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
-            z-index: 100;
+            font-size: 28px;
+            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
             display: flex;
             align-items: center;
             justify-content: center;
             text-decoration: none;
-            transition: transform 0.3s;
+            transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
         }
 
-        .whatsapp-float:hover {
-            transform: scale(1.1);
+        .social-float:hover {
+            transform: scale(1.1) rotate(8deg);
             color: #fff;
         }
 
+        .social-float.whatsapp { 
+            background-color: var(--accent-color); 
+            box-shadow: 0 0 20px rgba(0, 230, 118, 0.5);
+        }
+        
+        .social-float.youtube { 
+            background-color: #ff0000; 
+            box-shadow: 0 0 20px rgba(255, 0, 0, 0.5);
+        }
+
         @keyframes pulse {
             0% { transform: scale(1); opacity: 1; }
             50% { transform: scale(1.1); opacity: 0.7; }
@@ -506,10 +521,15 @@ $whatsapp_number = '+5359177041';
         </section>
     </div>
 
-    <!-- WhatsApp Button -->
-    <a href="<?= $whatsapp_link ?>" class="whatsapp-float" target="_blank">
-        <i class="bi bi-whatsapp"></i>
-    </a>
+    <!-- Floating Social Links -->
+    <div class="social-float-container">
+        <a href="https://www.youtube.com/@lilirecords" class="social-float youtube" target="_blank" title="YouTube">
+            <i class="bi bi-youtube"></i>
+        </a>
+        <a href="<?= $whatsapp_link ?>" class="social-float whatsapp" target="_blank" title="WhatsApp">
+            <i class="bi bi-whatsapp"></i>
+        </a>
+    </div>
 
     <audio id="radio-audio" src="https://listen.radioking.com/radio/828046/stream/897251" preload="none" crossorigin="anonymous"></audio>