Moved nested hover focus on disabled to `button-hollow` mixin!

diff --git a/scss/components/_button.scss b/scss/components/_button.scss
index b3bb7c275b3ffc1fe6be7bbd356de96e6a396420..499f6dd248a4d4c084aa60e10c223b60c3f095f6 100644 (file)
--- a/scss/components/_button.scss
+++ b/scss/components/_button.scss
@@ -162,6 +162,14 @@ $button-transition: background-color 0.25s ease-out, color 0.25s ease-out !defau
   &:hover, &:focus {
     background-color: transparent;
   }
+
+  &.disabled,
+  &[disabled] {
+    &, 
+    &:hover, &:focus {
+      background-color: transparent;
+    }
+  }
 }
 
 @mixin button-hollow-style(
@@ -326,13 +334,6 @@ $button-transition: background-color 0.25s ease-out, color 0.25s ease-out !defau
         @include button-hollow;
         @include button-hollow-style;
 
-        &.disabled,
-        &[disabled] {
-          &, &:hover, &:focus {
-            background-color: transparent;
-          }
-        }
-
         @each $name, $color in $button-palette {
           &.#{$name} {
             @include button-hollow-style($color);