refactor: reduce [role="button"] specifity

css/pico.classless.css

@@ -736,7 +736,7 @@ figure figcaption {
 /**
  * Link
  */
-a:not([role=button]),
+:where(a:not([role=button])),
 [role=link] {
   --pico-color: var(--pico-primary);
   --pico-background-color: transparent;
@@ -752,13 +752,13 @@ a:not([role=button]),
   transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
   transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
 }
-a:not([role=button]):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
+:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
 [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
   --pico-color: var(--pico-primary-hover);
   --pico-underline: var(--pico-primary-hover-underline);
   --pico-text-decoration: underline;
 }
-a:not([role=button]):focus-visible,
+:where(a:not([role=button])):focus-visible,
 [role=link]:focus-visible {
   box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
 }

css/pico.css

@@ -821,7 +821,7 @@ figure figcaption {
 /**
  * Link
  */
-a:not([role=button]),
+:where(a:not([role=button])),
 [role=link] {
   --pico-color: var(--pico-primary);
   --pico-background-color: transparent;
@@ -837,32 +837,32 @@ a:not([role=button]),
   transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
   transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
 }
-a:not([role=button]):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
+:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
 [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
   --pico-color: var(--pico-primary-hover);
   --pico-underline: var(--pico-primary-hover-underline);
   --pico-text-decoration: underline;
 }
-a:not([role=button]):focus-visible,
+:where(a:not([role=button])):focus-visible,
 [role=link]:focus-visible {
   box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
 }
-a:not([role=button]).secondary,
+:where(a:not([role=button])).secondary,
 [role=link].secondary {
   --pico-color: var(--pico-secondary);
   --pico-underline: var(--pico-secondary-underline);
 }
-a:not([role=button]).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
+:where(a:not([role=button])).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
 [role=link].secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
   --pico-color: var(--pico-secondary-hover);
   --pico-underline: var(--pico-secondary-hover-underline);
 }
-a:not([role=button]).contrast,
+:where(a:not([role=button])).contrast,
 [role=link].contrast {
   --pico-color: var(--pico-contrast);
   --pico-underline: var(--pico-contrast-underline);
 }
-a:not([role=button]).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
+:where(a:not([role=button])).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
 [role=link].contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
   --pico-color: var(--pico-contrast-hover);
   --pico-underline: var(--pico-contrast-hover-underline);

css/pico.fluid.classless.css

@@ -699,7 +699,7 @@ figure figcaption {
 /**
  * Link
  */
-a:not([role=button]),
+:where(a:not([role=button])),
 [role=link] {
   --pico-color: var(--pico-primary);
   --pico-background-color: transparent;
@@ -715,13 +715,13 @@ a:not([role=button]),
   transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
   transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
 }
-a:not([role=button]):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
+:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
 [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
   --pico-color: var(--pico-primary-hover);
   --pico-underline: var(--pico-primary-hover-underline);
   --pico-text-decoration: underline;
 }
-a:not([role=button]):focus-visible,
+:where(a:not([role=button])):focus-visible,
 [role=link]:focus-visible {
   box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
 }

scss/content/_link.scss

@@ -6,7 +6,7 @@
    * Link
    */
 
-  a:not([role="button"]),
+  :where(a:not([role="button"])),
   [role="link"] {
     #{$css-var-prefix}color: var(#{$css-var-prefix}primary);
     #{$css-var-prefix}background-color: transparent;