INIT

components/Button/Button.css

@@ -0,0 +1,20 @@
+.Button {
+    all: unset;
+    transition: 250ms;
+    background: var(--color-orange);
+    color: var(--color-black);
+    cursor: pointer;
+    padding: 1rem 1.5rem;
+    outline: 3px solid var(--color-black);
+    box-shadow: 0 0 0 0 var(--color-orange);
+    border-radius: 99999px;
+    width: max-content;
+
+    &:hover {
+        box-shadow: 0 0 0 6px var(--color-orange);
+    }
+
+    &.cta {
+        font-size: 1.5rem;
+    }
+}

components/Button/Button.vue

@@ -0,0 +1,15 @@
+<style scoped src="./Button.css"/>
+
+<template>
+  <button :label="label" class="Button">
+    {{ label }}
+  </button>
+</template>
+
+<script setup lang="ts">
+type Props = {
+  label : string
+}
+
+defineProps<Props>()
+</script>