.navds-link {
  color: var(--ax-text-accent);
  display: inline-flex;
  align-items: center;
  gap: var(--ax-spacing-05);
  text-decoration: underline;
  text-underline-offset: 0.1em;
  text-decoration-thickness: 0.05em;

  &:hover,
  &:active {
    text-decoration-thickness: 0.111em;
  }

  &:focus-visible {
    outline: 2px solid var(--ax-border-focus);
    outline-offset: 2px;
  }

  &.navds-link--inline-text {
    display: inline;

    & > svg {
      /* stylelint-disable-next-line plugin/declaration-block-no-ignored-properties */
      margin: 0.1em 0.1em -0.1em;
      transform: translateY(0.05em);
      display: inline;
      vertical-align: baseline;
    }
  }

  &.navds-link--remove-underline {
    text-decoration: none;

    &:hover {
      text-decoration: underline;
    }
  }

  & svg {
    color: inherit;
    flex-shrink: 0;
  }
}

.navds-alert:not(.navds-alert--inline),
.navds-confirmation-panel {
  & .navds-link {
    color: var(--ax-text-default);
  }
}

.navds-link--action {
  color: var(--ax-text-accent);
}

.navds-link--neutral {
  color: var(--ax-text-default);
}

.navds-link--subtle {
  color: var(--ax-text-subtle);
}
