Fix active/focused button link text color

diff --git a/scss/_buttons.scss b/scss/_buttons.scss
index 6c2482275b1469ec0406bb64023f1a35480658c0..044b8d6f5f493f0ed6618c58f1027ac013a8e8d1 100644 (file)
--- a/scss/_buttons.scss
+++ b/scss/_buttons.scss
@@ -147,6 +147,7 @@
   --#{$prefix}btn-border-color: transparent;
   --#{$prefix}btn-hover-color: #{$btn-link-hover-color};
   --#{$prefix}btn-hover-border-color: transparent;
+  --#{$prefix}btn-active-color: #{$btn-link-hover-color};
   --#{$prefix}btn-active-border-color: transparent;
   --#{$prefix}btn-disabled-color: #{$btn-link-disabled-color};
   --#{$prefix}btn-disabled-border-color: transparent;
@@ -160,6 +161,14 @@
     text-decoration: $link-hover-decoration;
   }
 
+  &:focus {
+    color: var(--#{$prefix}btn-color);
+  }
+
+  &:hover {
+    color: var(--#{$prefix}btn-hover-color);
+  }
+
   // No need for an active state here
 }