fix: navbar and resposive issues

components/Button/Button.tsx

@@ -17,6 +17,28 @@ const button = cva(["inline-flex", "items-center", "rounded-xl", "text-center",
         "border-2",
         "border-slate-100",
       ],
+      navSignIn: [
+        "bg-transparent",
+        "justify-center",
+        "text-slate-200",
+        "rounded-[30px]",
+        "hover:text-white",
+        "border-solid",
+        "border-0",
+        "border-slate-100",
+        "mr-2",
+      ],
+      navSignUp: [
+        "justify-center",
+        "text-slate-100",
+        "hover:text-white",
+        "rounded-[30px]",
+        "border-solid",
+        "border-2",
+        "border-slate-100",
+        "flex",
+        "mx-auto",
+      ],
       hero1: [
         "text-black",
         "bg-white",