diff --git a/ui/Button.tsx b/ui/Button.tsx
new file mode 100644
index 0000000..1c42d0d
--- /dev/null
+++ b/ui/Button.tsx
@@ -0,0 +1,20 @@
+import React from "react";
+import {useCursor} from "@/components/cursor";
+import {cn} from "@/lib/utils";
+
+export function Button ({ children, className }: { children?: React.ReactNode, className?: string }) {
+    const customCursor = useCursor();
+    return (
+        <button
+            className={cn(
+                "relative z-10 px-6 py-3 text-lg font-medium text-white rounded-full shadow-md transition-colors duration-100 hover:bg-white hover:text-black",
+                className
+            )}
+            onMouseEnter={() => customCursor.toggleCursor()}
+            onMouseLeave={() => customCursor.toggleCursor()}
+            onClick={() => customCursor.toggleCursorEnabled()}
+        >
+            {children}
+        </button>
+    )
+}
\ No newline at end of file