diff --git a/src/shared/ButtonSecondary.tsx b/src/shared/ButtonSecondary.tsx
new file mode 100644
index 0000000..eccc99b
--- /dev/null
+++ b/src/shared/ButtonSecondary.tsx
@@ -0,0 +1,20 @@
+"use client";
+
+import Button, { ButtonProps } from "./Button";
+import React from "react";
+
+export interface ButtonSecondaryProps extends ButtonProps {}
+
+const ButtonSecondary: React.FC<ButtonSecondaryProps> = ({
+  className = " ",
+  ...args
+}) => {
+  return (
+    <Button
+      className={`ttnc-ButtonSecondary font-medium border bg-white border-neutral-200 text-neutral-700 dark:bg-neutral-900 dark:text-neutral-300 dark:border-neutral-700 hover:bg-neutral-100 dark:hover:bg-neutral-800 ${className}`}
+      {...args}
+    />
+  );
+};
+
+export default ButtonSecondary;