diff --git a/src/shared/ButtonCircle.tsx b/src/shared/ButtonCircle.tsx
new file mode 100644
index 0000000..1e72276
--- /dev/null
+++ b/src/shared/ButtonCircle.tsx
@@ -0,0 +1,21 @@
+import React, { ButtonHTMLAttributes } from "react";
+
+export interface ButtonCircleProps
+  extends ButtonHTMLAttributes<HTMLButtonElement> {
+  size?: string;
+}
+
+const ButtonCircle: React.FC<ButtonCircleProps> = ({
+  className = " ",
+  size = " w-9 h-9 ",
+  ...args
+}) => {
+  return (
+    <button
+      className={`ttnc-ButtonCircle flex items-center justify-center rounded-full !leading-none disabled:bg-opacity-70 bg-primary-6000 hover:bg-primary-700 text-neutral-50 ${className} ${size} `}
+      {...args}
+    />
+  );
+};
+
+export default ButtonCircle;