diff --git a/components/atoms/buttons/Button.tsx b/components/atoms/buttons/Button.tsx
index 8b42d2d..0a44d0a 100644
--- a/components/atoms/buttons/Button.tsx
+++ b/components/atoms/buttons/Button.tsx
@@ -8,6 +8,7 @@ export default function Button({
   size = "md",
   icon,
   iconPosition = "left",
+  className = "",
   disabled = false,
   children,
   ...props
@@ -43,7 +44,7 @@ export default function Button({
 
   return (
     <button
-      className={`${styles[style]} ${variants[variant]} ${sizes[size]}`}
+      className={`${styles[style]} ${variants[variant]} ${sizes[size]} ${className}`}
       disabled={disabled}
       {...props}
     >
diff --git a/components/atoms/buttons/Button.types.ts b/components/atoms/buttons/Button.types.ts
index aa08ee3..24fb94e 100644
--- a/components/atoms/buttons/Button.types.ts
+++ b/components/atoms/buttons/Button.types.ts
@@ -15,6 +15,7 @@ export interface ButtonProps extends Omit<
   size?: "sm" | "md" | "lg";
   icon?: string; // FontAwesome class like "fa-solid fa-cart-plus"
   iconPosition?: "left" | "right";
+  className?: string;
   disabled?: boolean;
   children: React.ReactNode;
 }