diff --git a/components/link-button.vue b/components/link-button.vue
new file mode 100644
index 0000000..fc136a8
--- /dev/null
+++ b/components/link-button.vue
@@ -0,0 +1,29 @@
+<template>
+
+    <a
+        :href="href"
+        :target="target"
+        role="button"
+        class="relative inline-flex items-center px-4 py-2 border border-transparent text-sm leading-5 font-medium rounded-md text-white bg-indigo-500 hover:bg-indigo-400 focus:outline-none focus:shadow-outline-indigo focus:border-indigo-600 active:bg-indigo-600 transition duration-150 ease-in-out"
+    >
+        <slot />
+    </a>
+
+</template>
+
+<script>
+
+export default {
+    props: {
+        href: {
+            type: String,
+            required: true
+        },
+        target: {
+            type: String,
+            default: null
+        }
+    }
+}
+
+</script>