Fixed Release Notes button style (#1024)

duckduckgo · Sep 5, 2024 · 17209ff · 17209ff
1 parent 72d8fba
commit 17209ff
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/packages/special-pages/shared/components/Button/Button.module.css b/packages/special-pages/shared/components/Button/Button.module.css
@@ -67,25 +67,25 @@
 }
 
 /* Backward-compatible styles for use with Release Notes */
-[data-platform-name=""] {
-    .button {
+body:not([data-platform-name]) {
+    & .button {
         background-blend-mode: normal, color-burn, normal;
-        background: linear-gradient(180deg, var(rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.06) 100%)), #007aff;
+        background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.06) 100%), #007aff;
         border-radius: var(--sp-2);
-        border: 1px solid rgba(40, var(145, 255, 0.05));
-        box-shadow: 0 0 1px 0 rgba(40, var(145, 255, 0.05), 0 1px 1px 0 rgba(40, 145, 255, 0.1));
+        border: 1px solid rgba(40, 145, 255, 0.05);
+        box-shadow: 0 0 1px 0 rgba(40, 145, 255, 0.05), 0 1px 1px 0 rgba(40, 145, 255, 0.1);
         color: white;
         font-size: calc(13 * var(--px-in-rem));
         font-weight: 600;
         line-height: var(--sp-8);
         padding: 0 var(--sp-4);
 
         &:hover {
-            background: linear-gradient(0deg, var(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.16) 100%)), #2749db;
+            background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.16) 100%), #2749db;
         }
 
         &:active {
-            background: linear-gradient(0deg, var(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.16) 100%)), #1743d1;
+            background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.16) 100%), #1743d1;
         }
     }
 }