From 1e38bb9709061736e11aedd9be0a1c457529a684 Mon Sep 17 00:00:00 2001
From: Dan Matthew <dm@talis.com>
Date: Tue, 6 Oct 2020 13:43:13 +0100
Subject: [PATCH] fix(buttons): fix link state override

---
 assets/stylesheets/bootstrap/mixins/_alerts.scss | 15 ++++++++++-----
 index.html                                       |  5 +++--
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/assets/stylesheets/bootstrap/mixins/_alerts.scss b/assets/stylesheets/bootstrap/mixins/_alerts.scss
index 13431451c..edbeccf0b 100644
--- a/assets/stylesheets/bootstrap/mixins/_alerts.scss
+++ b/assets/stylesheets/bootstrap/mixins/_alerts.scss
@@ -12,15 +12,20 @@
     color: $text-color;
   }
 
-  a {
+  a:not(.btn) {
     color: $text-color;
   }
 
-  .btn-alert {
+  a.btn-alert,
+  a.btn-alert--primary {
     text-decoration: none;
+  }
+
+  a.btn-alert.btn-alert:hover {
+    color: $black;
+  }
 
-    &:hover {
-      color: currentColor !important;
-    }
+  a.btn-alert--primary.btn-alert--primary:hover {
+    color: $white;
   }
 }
diff --git a/index.html b/index.html
index 2b2aff335..529ae1ea4 100644
--- a/index.html
+++ b/index.html
@@ -673,8 +673,9 @@ <h2>Dropdowns</h2>
       <div class="col-xs-12">
         <h2>Alerts</h2>
         <!-- Basic -->
-        <div class="alert alert-info">
-          <span>Something has happened. Yup.</span> <button class="btn btn-alert">Click me</button> <button class="btn btn-alert--primary">Click me</button>
+        <div class="alert alert-info" id="alert">
+          <span>Something has happened. Yup.</span> <a href="#alert" class="btn btn-alert">Click me</a> <a href="#alert" class="btn btn-alert--primary">Click me</a>
+          <button class="btn btn-alert">Click me</button> <button class="btn btn-alert--primary">Click me</button>
         </div>
 
         <!-- Success -->