.text-link {
  text-decoration: underline;

  &.positive {
    color: var(--text-status-positive);

    &:hover {
      color: var(--text-status-positive-strong);
    }
  }

  &.informative {
    color: var(--text-status-informative);

    &:hover {
      color: var(--text-status-informative-strong);
    }
  }

  &.warning {
    color: var(--text-status-warning);

    &:hover {
      color: var(--text-status-warning-strong);
    }
  }

  &.special {
    color: var(--text-status-special);

    &:hover {
      color: var(--text-status-special-strong);
    }
  }

  &.error {
    color: var(--text-status-error);

    &:hover {
      color: var(--text-status-error-strong);
    }
  }

  &.neutral {
    color: var(--text-secondary);

    &:hover {
      color: var(--text-primary);
    }
  }
}