ENCOA-260, ENCOA-259

src/components/Low/Button.tsx

@@ -12,6 +12,7 @@ interface Props {
 	padding?: string;
 	onClick?: () => void;
 	type?: "button" | "reset" | "submit";
+	customColor?: string; 
 }
 
 export default function Button({
@@ -19,6 +20,7 @@ export default function Button({
 	variant = "solid",
 	disabled = false,
 	isLoading = false,
+	customColor = undefined,
 	className,
 	children,
 	type,
@@ -65,7 +67,7 @@ export default function Button({
 			className={clsx(
 				"rounded-full transition ease-in-out duration-300 disabled:cursor-not-allowed cursor-pointer select-none",
 				padding,
-				colorClassNames[color][variant],
+				customColor ? customColor : colorClassNames[color][variant],
 				className,
 			)}
 			disabled={disabled || isLoading}>