Add a scale-up transition

Dium-dev · Apr 2, 2024 · 32d1799 · 32d1799
1 parent 991507a
commit 32d1799
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/WhatsAppButton/index.tsx b/src/components/WhatsAppButton/index.tsx
@@ -3,7 +3,7 @@ import { MdOutlineWhatsapp } from "react-icons/md";
 
 export const WhatsAppButton = () => {
   return (
-    <div className="w-20 h-20 rounded-full bg-[#25D366] fixed z-10 bottom-10 right-10 ms:flex items-center justify-center hidden cursor-pointer">
+    <div className="w-20 h-20 rounded-full bg-[#25D366] fixed z-10 bottom-10 right-10 ms:flex items-center justify-center hidden cursor-pointer hover:scale-125 transition-all">
       <Link href={'#'} className="text-white">
         <MdOutlineWhatsapp size={55} />
       </Link>