[Gtk-3.22][Button-Redesign] Fixed spinbutton hover-state color

Author: khurshid-alam

src/gtk-3.20/scss/widgets/_button.scss

@@ -419,7 +419,7 @@
         &:not(.vertical) {
             @extend %entry;
             @include linear-gradient($base_color, to top);
-            @include border($base_color);
+            border-color: border_normal($base_color);
 
             padding: 0;
 
@@ -430,7 +430,6 @@
 
             &:disabled {
                 @include linear-gradient(shade($base_color, .9), to top);
-
                 color: mix($base_color, $text_color, .5);
             }
 
@@ -445,9 +444,12 @@
                 border-radius: 0;
                 border-color: alpha($borders_color, .8);
                 border-style: none none none solid;
+                background-color: shade($bg_color, 1.08);
                 background-image: none;
                 box-shadow: none;
 
+                &:hover { background-color: shade($bg_color, 1.2); }
+
                 &:dir(rtl) { border-style: none solid none none; }
 
                 &:active { box-shadow: inset 0 2px 3px -1px transparentize($black, .8); }
@@ -456,7 +458,6 @@
 
                 &:backdrop:disabled {
                     border-style: none none none solid; // It is needed or it gets overridden
-
                     &:dir(rtl) { border-style: none solid none none; }
                 }