diff --git a/src/components/NextBtn.tsx b/src/components/NextBtn.tsx
new file mode 100644
index 0000000..48a4c46
--- /dev/null
+++ b/src/components/NextBtn.tsx
@@ -0,0 +1,17 @@
+import twFocusClass from "@/utils/twFocusClass";
+import React, { ButtonHTMLAttributes, FC } from "react";
+
+interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {}
+
+const NextBtn: FC<Props> = ({ className = "w-10 h-10 text-lg", ...args }) => {
+  return (
+    <button
+      className={`NextBtn ${className} bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-6000 dark:hover:border-neutral-500 rounded-full inline-flex items-center justify-center hover:border-neutral-300 ${twFocusClass()}`}
+      {...args}
+    >
+      <i className="las la-angle-right"></i>
+    </button>
+  );
+};
+
+export default NextBtn;