diff --git a/packages/design-system/src/_buttons.scss b/packages/design-system/src/_buttons.scss
new file mode 100644
index 00000000..b338569d
--- /dev/null
+++ b/packages/design-system/src/_buttons.scss
@@ -0,0 +1,11 @@
+@each $color, $value in $colors {
+  .btn-#{$color} {
+    @include button-variant($value, $value);
+  }
+}
+
+@each $color, $value in $colors {
+  .btn-outline-#{$color} {
+    @include button-outline-variant($value);
+  }
+}
diff --git a/packages/design-system/src/main.scss b/packages/design-system/src/main.scss
index 1f512305..372c17bd 100644
--- a/packages/design-system/src/main.scss
+++ b/packages/design-system/src/main.scss
@@ -4,3 +4,4 @@
 
 @import "icons";
 @import "forms";
+@import "buttons";