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

  &:hover {
    color: var(--hs-link-color-hover);
    text-decoration: var(--hs-link-textDecoration-hover);
  }

  &:focus-visible {
    color: var(--hs-link-color-hover);
    text-decoration: var(--hs-link-textDecoration-hover);
    outline: 2px solid Highlight;
    outline-offset: 2px;
  }

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