diff --git a/frontend/src/components/button/linebutton.tsx b/frontend/src/components/button/linebutton.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..a5ec984a2ab7adc84a396576b829789fcf00771a
--- /dev/null
+++ b/frontend/src/components/button/linebutton.tsx
@@ -0,0 +1,18 @@
+import React from 'react'
+import { Button } from '@mui/material'
+
+interface IHrefButton {
+  to: string
+  children: React.ReactNode
+}
+
+function HrefLineButton({ to, children }: IHrefButton) {
+  return (
+    <Button href={to} sx={{ color: 'theme.palette.secondary' }}>
+      {children}
+    </Button>
+  )
+}
+
+// eslint-disable-next-line import/prefer-default-export
+export { HrefLineButton }