diff --git a/src/components/layout/Button/Button.tsx b/src/components/layout/Button/Button.tsx
new file mode 100644
index 0000000..8e9f954
--- /dev/null
+++ b/src/components/layout/Button/Button.tsx
@@ -0,0 +1,17 @@
+import classNames from 'classnames'
+
+interface ButtonProps extends React.ComponentPropsWithoutRef<'button'> {
+  icon: JSX.Element
+  value: string
+  className?: string
+  handler?: () => void
+}
+
+export const Button: React.FC<ButtonProps> = ({ icon, value, className, handler }) => {
+  return (
+    <button onClick={handler} className={classNames(className, 'flex items-center justify-center gap-x-5')}>
+      {icon}
+      <span className='uppercase'>{value}</span>
+    </button>
+  )
+}
diff --git a/src/components/layout/Button/index.ts b/src/components/layout/Button/index.ts
new file mode 100644
index 0000000..8486fd6
--- /dev/null
+++ b/src/components/layout/Button/index.ts
@@ -0,0 +1 @@
+export * from './Button'