2 files changed, 25 insertions, 0 deletions
diff --git a/src/web/components/button/Button.css b/src/web/components/button/Button.css
new file mode 100644
index 0000000..76c5450
--- /dev/null
+++ b/src/web/components/button/Button.css
@@ -0,0 +1,15 @@
+.button {
+    padding: 0.75em 1em;
+
+    color: var(--black-98);
+    background-color: var(--brand-80);
+    border: 2px solid var(--brand-80);
+    border-radius: 2em;
+    font-family: inherit;
+    letter-spacing: inherit;
+    cursor: pointer;
+}
+.button:hover {
+    color: white;
+    background-color: var(--brand-90);
+}
+\ No newline at end of file
diff --git a/src/web/components/button/Button.jsx b/src/web/components/button/Button.jsx
new file mode 100644
index 0000000..8d7de02
--- /dev/null
+++ b/src/web/components/button/Button.jsx
@@ -0,0 +1,10 @@
+import React from "react";
+import styles from "./Button.css";
+
+export default function Button({className, children, ...others}) {
+    return (
+        <button className={styles.button + (className != null ? " " + className : "")} {...others} >
+            {children}
+        </button>
+    )
+}
+\ No newline at end of file