From eafb8196ae1f88c63f4f4252a0e3f56187565665 Mon Sep 17 00:00:00 2001
From: Vanshika Monga <vanshikamonga839@gmail.com>
Date: Tue, 11 Aug 2026 21:33:33 +0530
Subject: [PATCH] fix: reduce floating WhatsApp button size

---
 public/style.css | 42 ++++++++++++++++++++++++++++++++++++++----
 1 file changed, 38 insertions(+), 4 deletions(-)

diff --git a/public/style.css b/public/style.css
index 13d5052f..c20ddf95 100644
--- a/public/style.css
+++ b/public/style.css
@@ -11409,8 +11409,8 @@ html.dark .copy-btn:hover {
   bottom: 80px;          /* sits above the back-to-top ↑ button */
   right: 24px;
   z-index: 9999;
-  width: 56px;
-  height: 56px;
+  width: 48px;
+  height: 48px;
   background-color: #25D366;
   border-radius: 50%;
   display: flex;
@@ -11436,8 +11436,8 @@ html.dark .copy-btn:hover {
 }
 
 .whatsapp-float svg {
-  width: 28px;
-  height: 28px;
+  width: 24px;
+  height: 24px;
   fill: #ffffff;
 }
 
@@ -11879,3 +11879,37 @@ html.dark .fav-modal-cancel {
     height: 15px;
   }
 }
+/* WhatsApp floating button - fix */
+a.whatsapp-float {
+    position: fixed !important;
+    bottom: 80px !important;
+    right: 24px !important;
+
+    width: 48px !important;
+    height: 48px !important;
+
+    min-width: 48px !important;
+    max-width: 48px !important;
+    min-height: 48px !important;
+    max-height: 48px !important;
+
+    padding: 0 !important;
+    margin: 0 !important;
+
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+
+    background-color: #25D366 !important;
+    border-radius: 50% !important;
+
+    z-index: 9999 !important;
+}
+
+a.whatsapp-float svg {
+    width: 24px !important;
+    height: 24px !important;
+    max-width: 24px !important;
+    max-height: 24px !important;
+    display: block !important;
+}
\ No newline at end of file