diff --git a/src/components/ui/Button.tsx b/src/components/ui/Button.tsx
new file mode 100644
index 0000000..af94177
--- /dev/null
+++ b/src/components/ui/Button.tsx
@@ -0,0 +1,22 @@
+import React from 'react'
+import cn from 'utils/cn'
+
+const Button = React.forwardRef<
+	HTMLButtonElement,
+	React.HTMLAttributes<HTMLButtonElement>
+>(({ className, children, ...props }, ref) => (
+	<button
+		ref={ref}
+		className={cn(
+			'h-[41px] w-[170px] rounded-full bg-dark-desaturated-blue',
+			'font-extrabold text-pale-blue hover:text-white',
+			className
+		)}
+		type='button'
+		{...props}
+	>
+		{children}
+	</button>
+))
+
+export default Button