diff --git a/core/templates/base.html b/core/templates/base.html
index 03a7f9d..a9d1db1 100644
--- a/core/templates/base.html
+++ b/core/templates/base.html
@@ -45,11 +45,21 @@
     </main>
 
     <footer class="py-4 border-top border-secondary mt-5">
-        <div class="container text-center text-secondary">
-            <p>&copy; 2026 Lili Record's. Spin your vibes.</p>
+        <div class="container text-center">
+            <div class="mb-3">
+                <a href="https://wa.me/5359177041" target="_blank" class="text-decoration-none text-white fs-5 mx-2 whatsapp-footer">
+                    <i class="fab fa-whatsapp me-2" style="color: #25D366;"></i>+53 59177041
+                </a>
+            </div>
+            <p class="text-secondary small mb-0">&copy; 2026 Lili Record's. Spin your vibes.</p>
         </div>
     </footer>
 
+    <!-- Floating WhatsApp Button -->
+    <a href="https://wa.me/5359177041" class="whatsapp-float shadow-lg" target="_blank">
+        <i class="fab fa-whatsapp my-float"></i>
+    </a>
+
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
     {% block scripts %}{% endblock %}
 </body>
diff --git a/static/css/custom.css b/static/css/custom.css
index 37690e4..4a0fd24 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -144,6 +144,39 @@ body {
     animation: spin 3.5s linear infinite;
 }
 
+/* WhatsApp Floating Button */
+.whatsapp-float {
+    position: fixed;
+    width: 60px;
+    height: 60px;
+    bottom: 40px;
+    right: 40px;
+    background-color: #25d366;
+    color: #fff;
+    border-radius: 50px;
+    text-align: center;
+    font-size: 30px;
+    box-shadow: 0 0 20px rgba(37, 211, 102, 0.5);
+    z-index: 100;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-decoration: none;
+    transition: all 0.3s ease;
+}
+
+.whatsapp-float:hover {
+    transform: scale(1.1);
+    background-color: #128c7e;
+    box-shadow: 0 0 30px rgba(37, 211, 102, 0.8);
+    color: #fff;
+}
+
+.whatsapp-footer:hover {
+    filter: brightness(1.2);
+    text-shadow: 0 0 10px rgba(37, 211, 102, 0.5);
+}
+
 /* Responsive adjustments */
 @media (max-width: 992px) {
     .player-container {
@@ -180,4 +213,11 @@ body {
     .tonearm {
         height: 140px;
     }
-}
+    .whatsapp-float {
+        width: 50px;
+        height: 50px;
+        bottom: 20px;
+        right: 20px;
+        font-size: 25px;
+    }
+}
\ No newline at end of file
diff --git a/staticfiles/css/custom.css b/staticfiles/css/custom.css
index 37690e4..4a0fd24 100644
--- a/staticfiles/css/custom.css
+++ b/staticfiles/css/custom.css
@@ -144,6 +144,39 @@ body {
     animation: spin 3.5s linear infinite;
 }
 
+/* WhatsApp Floating Button */
+.whatsapp-float {
+    position: fixed;
+    width: 60px;
+    height: 60px;
+    bottom: 40px;
+    right: 40px;
+    background-color: #25d366;
+    color: #fff;
+    border-radius: 50px;
+    text-align: center;
+    font-size: 30px;
+    box-shadow: 0 0 20px rgba(37, 211, 102, 0.5);
+    z-index: 100;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-decoration: none;
+    transition: all 0.3s ease;
+}
+
+.whatsapp-float:hover {
+    transform: scale(1.1);
+    background-color: #128c7e;
+    box-shadow: 0 0 30px rgba(37, 211, 102, 0.8);
+    color: #fff;
+}
+
+.whatsapp-footer:hover {
+    filter: brightness(1.2);
+    text-shadow: 0 0 10px rgba(37, 211, 102, 0.5);
+}
+
 /* Responsive adjustments */
 @media (max-width: 992px) {
     .player-container {
@@ -180,4 +213,11 @@ body {
     .tonearm {
         height: 140px;
     }
-}
+    .whatsapp-float {
+        width: 50px;
+        height: 50px;
+        bottom: 20px;
+        right: 20px;
+        font-size: 25px;
+    }
+}
\ No newline at end of file