Adding success and error colored buttons

src/base/_btn.scss

@@ -20,9 +20,9 @@
     @include btn-flat();
 }
 
-.btn-primary {
-    background: $primary !important;
-    color: $on-primary !important;
+@mixin btn-color($background, $text) {
+    background: $background !important;
+    color: $text !important;
 
     &:hover {
         filter: brightness(.95);
@@ -33,19 +33,21 @@
     }
 }
 
+
+.btn-primary {
+    @include btn-color($primary, $on-primary);
+}
+
 .btn-secondary {
+    @include btn-color($secondary, $on-secondary);
+}
 
-    background: $secondary !important;
-    color: $on-primary !important;
+.btn-success {
+    @include btn-color($success, $on-success );
+}
 
-
-    &:hover {
-        filter: brightness(.95);
-    }
-
-    &:active {
-        filter: brightness(1.05);
-    }
+.btn-error {
+    @include btn-color($error, $on-error );
 }
 
 .btn-icon {