:where(a:not([role="button"])), [role="link"] {
  --pico-color: var(--pico-primary);
  --pico-background-color: transparent;
  --pico-underline: var(--pico-primary-underline);
  background-color: var(--pico-background-color);
  color: var(--pico-color);
  -webkit-text-decoration: var(--pico-text-decoration);
  text-decoration: var(--pico-text-decoration);
  text-decoration-color: var(--pico-underline);
  text-underline-offset: .125em;
  transition: background-color var(--pico-transition),
    color var(--pico-transition),
    box-shadow var(--pico-transition),
    -webkit-text-decoration var(--pico-transition);
  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);
  outline: none;
}

: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;
}

:where(a:not([role="button"])):focus-visible, [role="link"]:focus-visible {
  box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
}

:where(a:not([role="button"])).secondary, [role="link"].secondary {
  --pico-color: var(--pico-secondary);
  --pico-underline: var(--pico-secondary-underline);
}

: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);
}

:where(a:not([role="button"])).contrast, [role="link"].contrast {
  --pico-color: var(--pico-contrast);
  --pico-underline: var(--pico-contrast-underline);
}

: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);
}

a[role="button"] {
  display: inline-block;
}