diff --git a/resources/views/components/form/button.blade.php b/resources/views/components/form/button.blade.php
new file mode 100644
index 0000000..64dd1a6
--- /dev/null
+++ b/resources/views/components/form/button.blade.php
@@ -0,0 +1,15 @@
+@props(['size' => 3, 'type' => 'button'])
+
+<button
+    type="{{ $type }}"
+    {{ $attributes->class([
+        'bg-brand-600 font-semibold text-white shadow-xs hover:bg-brand-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-600 dark:bg-brand-500 dark:shadow-none dark:hover:bg-brand-400 dark:focus-visible:outline-brand-500',
+        'rounded-sm px-2 py-1 text-xs' => $size == 1,
+        'rounded-sm px-2 py-1 text-sm' => $size == 2,
+        'rounded-md px-2.5 py-1.5 text-sm' => $size == 3,
+        'rounded-md px-3 py-2 text-sm' => $size == 4,
+        'rounded-md px-3.5 py-2.5 text-sm' => $size == 5,
+    ]) }}
+>
+    {{ $slot }}
+</button>