some css button disable

src/components/Button.vue

@@ -3,7 +3,7 @@
     :disabled="isLoading || disabled"
     type="button"
     @click="$emit('trigger')"
-    :class="[look, 'default']"
+    :class="[look, 'default', { disabled }]"
   >
     <i v-if="icon" :class="[icon, 'icon']"></i>
     <span v-if="text.length" class="text">{{ text }}</span>
@@ -82,6 +82,10 @@ defineProps({
   .text {
     margin-left: 1rem;
   }
+  &.disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
 }
 .no-text {
   height: 3rem;