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));