.navds-link {
  color: var(--ac-link-text, var(--a-text-action));
  text-decoration: underline;
  display: inline-flex;
  align-items: center;
  gap: var(--a-spacing-1);
}

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

.navds-link.navds-link--inline-text > 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:hover {
  text-decoration: none;
}

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

.navds-link.navds-link--remove-underline:hover {
  text-decoration: underline;
}

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

.navds-link:focus-visible {
  outline: 2px solid transparent;
  color: var(--ac-link-focus-text, var(--a-text-on-action));
  text-decoration: none;
  background-color: var(--ac-link-focus-bg, var(--a-border-focus));
  box-shadow: 0 0 0 2px var(--ac-link-focus-border, var(--a-border-focus));
}

@supports not selector(:focus-visible) {
  .navds-link:focus {
    outline: 2px solid transparent;
    color: var(--ac-link-focus-text, var(--a-text-on-action));
    text-decoration: none;
    background-color: var(--ac-link-focus-bg, var(--a-border-focus));
    box-shadow: 0 0 0 2px var(--ac-link-focus-border, var(--a-border-focus));
  }
}

.navds-link:active {
  outline: 2px solid transparent;
  color: var(--ac-link-active-text, var(--a-text-on-action));
  text-decoration: none;
  background-color: var(--ac-link-active-bg, var(--a-border-focus));
  box-shadow: 0 0 0 2px var(--ac-link-active-border, var(--a-border-focus));
}

.navds-link svg {
  color: inherit;
  flex-shrink: 0;
}

.navds-link--action {
  color: var(--ac-link-action-text, var(--a-text-action));
}

.navds-link--neutral {
  color: var(--ac-link-neutral-text, var(--a-text-default));
}

.navds-link--subtle {
  color: var(--ac-link-subtle-text, var(--a-text-subtle));
}
