diff --git a/src/components/Button.astro b/src/components/Button.astro
new file mode 100644
index 0000000..f0e1ac3
--- /dev/null
+++ b/src/components/Button.astro
@@ -0,0 +1,21 @@
+<button><slot /></button>
+
+<style>
+  button {
+    background-color: transparent;
+    color: white;
+    text-transform: uppercase;
+    padding: 1rem 2rem;
+    transition-duration: 0.3s;
+    border: 2px solid white;
+    transition-property: color, background-color;
+    font-weight: bold;
+    transition-timing-function: ease-in-out;
+  }
+
+  button:hover {
+    cursor: pointer;
+    color: black;
+    background: white;
+  }
+</style>