diff --git a/src/components/CustomButton.vue b/src/components/CustomButton.vue
new file mode 100644
index 0000000..baa0408
--- /dev/null
+++ b/src/components/CustomButton.vue
@@ -0,0 +1,20 @@
+<script setup lang="ts">
+const props = defineProps({
+  text: String,
+  isDisabled: Boolean
+})
+
+const emit = defineEmits(['clicked'])
+</script>
+
+<template>
+    <button type="button" class="button" @click="emit('clicked')" v-bind:class="{'opacity-70': isDisabled}" :disabled="isDisabled">
+        {{ text }}
+    </button>
+</template>
+
+<style scoped>
+.button {
+  @apply rounded-lg w-full text-base font-semibold text-gray-900 py-4 bg-amber-400;
+}
+</style>