almost finish tailwind transform

resources/sass/components/_btn.scss

@@ -68,11 +68,15 @@
 //}
 
 .btn {
-    @apply border bg-orange-400 py-2 px-4 shadow-sm rounded-md;
+    @apply border bg-orange-400 text-white py-2 px-4 shadow-sm rounded-md;
 
     &:hover {
         @apply text-white bg-orange-600 transition-all duration-300;
     }
+
+    svg {
+        @apply w-4 fill-current mr-2 inline;
+    }
 }
 
 .btn-primary {
@@ -83,3 +87,21 @@
         @apply bg-orange-800;
     }
 }
+
+.btn-secondary {
+    @extend .btn;
+    @apply bg-orange-600;
+
+    &:hover {
+        @apply bg-orange-800;
+    }
+}
+
+.btn-alert {
+    @extend .btn;
+    @apply bg-red-600 text-white;
+
+    &:hover {
+        @apply bg-red-800;
+    }
+}