From 1ee4878530bb802e1e9d0849adbd67eb690b7d81 Mon Sep 17 00:00:00 2001
From: "dhanush.s" <dhanush.s@opsmonsters.in>
Date: Tue, 30 Sep 2025 15:14:00 +0530
Subject: [PATCH] fix: whatsapp icon

---
 main.css | 62 ++++++++++++++++++++++++++++++++------------------------
 1 file changed, 36 insertions(+), 26 deletions(-)

diff --git a/main.css b/main.css
index a8ac310..7a6d865 100644
--- a/main.css
+++ b/main.css
@@ -1729,7 +1729,42 @@
  }
 
 
+ .whatsapp-icon {
+     position: fixed;
+     bottom: 20px;
+     right: 20px;
+     width: 60px;
+     height: 60px;
+     cursor: pointer;
+     z-index: 1000;
+     border-radius: 50%;
+     overflow: hidden;
+     outline: greenyellow 1px solid;
+     transition: transform 0.2s;
+     display: flex;
+     align-items: center;
+     justify-content: center;
+ }
 
+ .whatsapp-icon::before {
+     content: "";
+     position: absolute;
+     inset: 0;
+     border-radius: 50%;
+     background: rgba(37, 211, 101, 0.209);
+     animation: pulse 2s infinite;
+     z-index: -1;
+ }
+
+ .whatsapp-icon img {
+     width: 80%;
+     height: auto;
+     object-fit: contain;
+ }
+
+ .whatsapp-icon:hover {
+     transform: scale(1.1);
+ }
 
 
  .practice-cards-wrapper .practice-card .practice-card-svg {
@@ -2209,29 +2244,4 @@
          opacity: 1;
          transform: translateY(0);
      }
- }
-
-
- .whatsapp-icon {
-    position: fixed;
-    bottom: 20px;
-    right: 20px; 
-    width: 60px;
-    height: 60px;
-    cursor: pointer;
-    z-index: 1000;
-    border-radius: 50%;
-    overflow: hidden;
-    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
-    transition: transform 0.2s;
-}
-
-.whatsapp-icon:hover {
-    transform: scale(1.1);
-}
-
-.whatsapp-icon img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-}
\ No newline at end of file
+ }
\ No newline at end of file