Fixing links on white inside of purple background

Author: msquance-stem

app/components/cms/horizontal_link_card_component/horizontal_link_card_component.scss

@@ -3,13 +3,6 @@
   padding: 20px;
   border-left-width: 13px;
 
-  .ncce-link {
-    color: $hyper-link-blue;
-    &:visited {
-      color: $hyper-link-blue;
-    }
-  }
-
   h2 {
     @extend .govuk-heading-m;
   }

app/webpacker/stylesheets/settings/_links.scss

@@ -62,6 +62,26 @@ a:not([class]) {
   }
 }
 
+.white-bg {
+  .ncce-link {
+    &:link,
+    &:visited {
+      color: $hyper-link-blue;
+    }
+    &:hover {
+      color: $grey-dark-x;
+    }
+    &:focus {
+      background-color: transparent;
+      color: $grey-dark-x;
+    }
+    &:active {
+      background-color: transparent;
+      color: $grey-dark-x;
+    }
+  }
+}
+
 .ncce-link__icon {
   height: 30px;
   margin-right: 10px;