diff --git a/src/components/LinkButton.astro b/src/components/LinkButton.astro
new file mode 100644
index 0000000..b305067
--- /dev/null
+++ b/src/components/LinkButton.astro
@@ -0,0 +1,18 @@
+---
+export interface Props {
+  href: string;
+  className?: string;
+}
+
+const { href, className } = Astro.props;
+---
+
+<a type="button" href={href} class={`group ${className}`}>
+  <slot />
+</a>
+
+<style>
+  a {
+    @apply hover:text-skin-accent;
+  }
+</style>