diff --git a/src/themes/Variants.tsx b/src/themes/Variants.tsx
index 6d03f47..d5bc28e 100644
--- a/src/themes/Variants.tsx
+++ b/src/themes/Variants.tsx
@@ -1,4 +1,5 @@
-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",
+		},
 	},
 });