.x-link {
  &:where(:any-link, button:enabled, [role="button"]) {
    transition: all var(--default-transition-duration) var(--ease-in-out);

    &:is(:hover, :focus-visible) {
      color: var(--x-link-hover-color, var(--color-accent));
    }
  }
}