the variant for the base button

src/themes/Variants.tsx

-import { VariantProps, createRestyleComponent, createVariant } from "@shopify/restyle";
+import Box from "@components/bases/Box";
+import { type VariantProps, createRestyleComponent, createVariant } from "@shopify/restyle";
 import type { Theme } from "@themes/Theme";
 
 export const cardVariants = createVariant<Theme, "cardVariants">({
@@ -8,6 +9,20 @@ export const cardVariants = createVariant<Theme, "cardVariants">({
 			phone: "s",
 			tablet: "m",
 		},
-		backgroundColor: "secondary",
+		backgroundColor: "white",
+	},
+});
+
+export const buttonVariants = createVariant<Theme, "buttonVariants">({
+	themeKey: "buttonVariants",
+	defaults: {
+		backgroundColor: "primary",
+		color: "secondary",
+		height: 50,
+		borderRadius: 10,
+		margin: {
+			phone: "s",
+			tablet: "m",
+		},
 	},
 });