From 1eb382d90d87a44047b5e455407a7fa8c086d2ff Mon Sep 17 00:00:00 2001
From: Jan Brasna <1784648+janbrasna@users.noreply.github.com>
Date: Thu, 9 Jan 2025 11:41:22 +0100
Subject: [PATCH] Fix font specificity in CTA and WNP (#15802)

---
 .../firefox/developer/whatsnew-mdnplus.scss   | 24 +++++++++----------
 media/css/m24/base.scss                       | 16 ++++---------
 2 files changed, 17 insertions(+), 23 deletions(-)

diff --git a/media/css/firefox/developer/whatsnew-mdnplus.scss b/media/css/firefox/developer/whatsnew-mdnplus.scss
index adf358d71a5..37cc60e4f62 100644
--- a/media/css/firefox/developer/whatsnew-mdnplus.scss
+++ b/media/css/firefox/developer/whatsnew-mdnplus.scss
@@ -35,17 +35,17 @@ $image-path: '/media/protocol/img';
         grid-row: 1;
         z-index: 2;
         padding-top: 0;
+
+        .c-mdn-header-title {
+            color: $color-light-gray-30;
+            font-weight: bold;
+        }
     }
 
     .mzp-c-notification-bar {
         margin-bottom: $layout-lg;
     }
 
-    .c-mdn-header-title {
-        color: $color-light-gray-30;
-        font-weight: bold;
-    }
-
     .mandala-wrapper {
         grid-column: 1;
         grid-row: 1;
@@ -257,17 +257,17 @@ $image-path: '/media/protocol/img';
     .c-mdn-feature {
         margin-bottom: $layout-md;
 
+        .c-mdn-feature-pretitle {
+            @include text-body-xs;
+            color: $color-pink-60;
+            letter-spacing: 0.1em;
+            text-transform: uppercase;
+        }
+
         @media #{$mq-md} {
             margin: 0;
         }
     }
-
-    .c-mdn-feature-pretitle {
-        @include text-body-xs;
-        color: $color-pink-60;
-        letter-spacing: 0.1em;
-        text-transform: uppercase;
-    }
 }
 
 // Footer
diff --git a/media/css/m24/base.scss b/media/css/m24/base.scss
index 72fd79db3b7..b687bb8d385 100644
--- a/media/css/m24/base.scss
+++ b/media/css/m24/base.scss
@@ -43,25 +43,19 @@ strong {
     font-weight: 900;
 }
 
-a:link {
+a:link,
+a:link:hover,
+a:link:focus {
     color: $m24-color-black;
 
-    &:hover,
-    &:focus {
+    &:visited {
         color: $m24-color-black;
     }
-
-    &:visited{
-        &:hover,
-        &:focus {
-            color: $m24-color-black;
-        }
-    }
 }
 
 *:focus,
 *:focus-visible {
-    outline-offset: 6px;
+    outline-offset: $spacer-2xs;
 }
 
 /* ------------------------------------------------------------------------------- */