fix: keep mobile whatsapp cta compact

src/styles/components.css

@@ -562,14 +562,7 @@
   clip: rect(0 0 0 0);
 }
 
-@media (min-width: 30rem) {
-  .whatsapp-float {
-    font-size: 0.65rem;
-    gap: var(--space-3);
-    padding: var(--space-3) var(--space-4);
-    min-width: unset;
-    min-height: unset;
-  }
+@media (min-width: 48rem) {
   .whatsapp-float span:first-child {
     position: static;
     width: auto;
@@ -578,9 +571,7 @@
     clip: auto;
     font-size: inherit;
   }
-}
 
-@media (min-width: 48rem) {
   .whatsapp-float {
     right: var(--space-8);
     bottom: var(--space-8);
@@ -589,6 +580,7 @@
     font-size: var(--text-label-caps);
     gap: var(--space-4);
   }
+
   .whatsapp-float-icon {
     width: 2.5rem;
     height: 2.5rem;