diff --git a/src/components/Button.tsx b/src/components/Button.tsx
new file mode 100644
index 0000000..5ab3354
--- /dev/null
+++ b/src/components/Button.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+
+interface ButtonProps {
+  text: string;
+  onClick: () => void;
+}
+
+const Button: React.FC<ButtonProps> = ({ text, onClick }) => {
+  return (
+    <button
+      className="rounded-md bg-blue-900 px-8 py-2 font-serif text-[vw] text-white"
+      onClick={onClick}
+    >
+      {text}
+    </button>
+  );
+};
+
+export default Button;