fix: whatsapp icon

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 {
@@ -2210,28 +2245,3 @@
          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;
-}