diff --git a/src/components/RefButton.vue b/src/components/RefButton.vue
index 4c9e5dc..6541aec 100644
--- a/src/components/RefButton.vue
+++ b/src/components/RefButton.vue
@@ -1,5 +1,7 @@
 <script setup lang="ts">
 interface Props {
+  positive?: boolean;
+  negative?: boolean;
   href?: string;
   download?: boolean | any;
 }
@@ -8,7 +10,12 @@ defineProps<Props>();
 </script>
 
 <template>
-  <a class="btn" :href="href" :[download]="download">
+  <a
+    class="btn"
+    :class="{ positive: positive, negative: negative }"
+    :href="href"
+    :[download]="download"
+  >
     <slot></slot>
   </a>
 </template>