diff --git a/components/Button.tsx b/components/Button.tsx
index 50b1466..1b46fe6 100644
--- a/components/Button.tsx
+++ b/components/Button.tsx
@@ -27,6 +27,8 @@ const variantStyles = {
   },
 };
 
+const transitionStyle = "transition duration-150 ease-in-out";
+
 const sizeStyles = {
   default: "px-4 py-2 text-sm",
   large: "px-8 py-4 text-base",
@@ -53,6 +55,7 @@ export function Button({
     baseStyles[variant],
     variantStyles[variant][color],
     sizeStyles[size],
+    transitionStyle,
     className
   );