.link {
  display: var(--hscl-link-display, inline-block);
  color: var(--hscl-link-color);
  text-decoration: var(--hscl-link-textDecoration, underline);
  cursor: pointer;

  &:hover {
    color: var(--hscl-link-color-hover);
    text-decoration: var(--hscl-link-textDecoration-hover, underline);
  }

  &:focus-visible {
    outline: var(--hscl-link-outlineWidth-focus, 2px) solid var(--hscl-link-outlineColor-focus, currentColor);
    outline-offset: var(--hscl-link-outlineOffset-focus, 2px);
  }

  &:active {
    color: var(--hscl-link-color-active, var(--hscl-link-color));
    text-decoration: var(--hscl-link-textDecoration-active, var(--hscl-link-textDecoration, underline));
  }
}
