Explicitly target `.btn-check` and undo `:hover` (#37165)

rather than the other way around, which caused specificity issues

diff --git a/scss/_buttons.scss b/scss/_buttons.scss
index c2d0773516b293b455f5815a33568751c9c0f77f..f2c4c13a9d2bb085093183de1402077313fa5cea 100644 (file)
--- a/scss/_buttons.scss
+++ b/scss/_buttons.scss
@@ -40,14 +40,20 @@
   @include box-shadow(var(--#{$prefix}btn-box-shadow));
   @include transition($btn-transition);
 
-  :not(.btn-check) + &:hover,
-  &:first-child:hover {
+  &:hover {
     color: var(--#{$prefix}btn-hover-color);
     text-decoration: if($link-hover-decoration == underline, none, null);
     background-color: var(--#{$prefix}btn-hover-bg);
     border-color: var(--#{$prefix}btn-hover-border-color);
   }
 
+  .btn-check + &:hover {
+    // override for the checkbox/radio buttons
+    color: var(--#{$prefix}btn-color);
+    background-color: var(--#{$prefix}btn-bg);
+    border-color: var(--#{$prefix}btn-border-color);
+  }
+
   &:focus-visible {
     color: var(--#{$prefix}btn-hover-color);
     @include gradient-bg(var(--#{$prefix}btn-hover-bg));