From 2be9cd59bae8c864f6d2cfb03c535e96f00160ca Mon Sep 17 00:00:00 2001
From: "Patrick H. Lauke" <redux@splintered.co.uk>
Date: Tue, 20 Sep 2022 14:15:46 +0100
Subject: [PATCH] Explicitly target `.btn-check` and undo `:hover` (#37165)

rather than the other way around, which caused specificity issues
---
 scss/_buttons.scss | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/scss/_buttons.scss b/scss/_buttons.scss
index c2d0773516b2..f2c4c13a9d2b 100644
--- 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));