Add primary variant to button component

frontend/assets/css/button.comp.css

@@ -44,6 +44,31 @@
     }
 }
 
+@utility btn-primary {
+    @apply text-white bg-blue-500 border-[1.5px] border-transparent;
+    @apply btn-lg;
+
+    svg[class~="iconify"] path {
+        @apply stroke-white;
+    }
+
+    &:hover {
+        @apply bg-blue-200 border-blue-500 text-blue-500;
+
+        svg[class~="iconify"] path {
+            @apply stroke-blue-500;
+        }
+    }
+
+    &:disabled {
+        @apply bg-slate-100 text-slate-400;
+
+        svg[class~="iconify"] path {
+            @apply stroke-slate-400;
+        }
+    }
+}
+
 @utility btn-secondary {
     @apply text-black bg-slate-100;
     @apply btn-lg;