From a98f616a51ee1e4d7cc2800e48608000ecb50578 Mon Sep 17 00:00:00 2001
From: "Patrick H. Lauke" <redux@splintered.co.uk>
Date: Thu, 25 Aug 2022 13:59:55 +0100
Subject: [PATCH] Don't apply :hover styles for `.btn` that follows a
 `.btn-check`

This removes a large part of the visual confusion of button checks/radios - that you currently have to move your mouse away from them to see what they actually changed to (checked or unchecked)
---
 scss/_buttons.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/scss/_buttons.scss b/scss/_buttons.scss
index d1c7cfb25eff..7f57a593f44b 100644
--- a/scss/_buttons.scss
+++ b/scss/_buttons.scss
@@ -39,7 +39,8 @@
   @include box-shadow(var(--#{$prefix}btn-box-shadow));
   @include transition($btn-transition);
 
-  &:hover {
+  :not(.btn-check) + &:hover,
+  &:first-child:hover {
     color: var(--#{$prefix}btn-hover-color);
     text-decoration: if($link-hover-decoration == underline, none, null);
     background-color: var(--#{$prefix}btn-hover-bg);