diff --git a/scss/_buttons.scss b/scss/_buttons.scss
index 7eff829a6772aab6ab6a791bdf2fae4c9f3749bb..404851e190d3316f7a7957c9b57e3f8fbdee56b1 100644
--- a/scss/_buttons.scss
+++ b/scss/_buttons.scss
@@ -10,6 +10,7 @@
   text-align: center;
   vertical-align: middle;
   user-select: none;
+  background-color: transparent;
   border: $btn-border-width solid transparent;
   @include button-size($btn-padding-y, $btn-padding-x, $font-size-base, $btn-line-height, $btn-border-radius);
   @include transition($btn-transition);
diff --git a/scss/mixins/_buttons.scss b/scss/mixins/_buttons.scss
index 06ad6772fa4bddb4c46df06a026c4ca493ce01a8..646f473b3db689244476808ebb2b7229960aac52 100644
--- a/scss/mixins/_buttons.scss
+++ b/scss/mixins/_buttons.scss
@@ -56,8 +56,6 @@
 
 @mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {
   color: $color;
-  background-color: transparent;
-  background-image: none;
   border-color: $color;
 
   &:hover {