@import '@teamleader/ui-colors';
@import '@teamleader/ui-typography';

.link {
  &:not(.inherit) {
    color: var(--color-aqua-dark);
    font-family: var(--font-family-regular);
    text-decoration: none;

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

  &.inherit {
    color: inherit;
    text-decoration: underline;

    &:hover,
    &:active {
      color: inherit;
      text-decoration: none;
    }
  }
}

@import '@teamleader/ui-colors';
@import '@teamleader/ui-typography';

.link {
  cursor: pointer;

  &:not(.inherit) {
    color: var(--color-aqua-dark);
    font-family: var(--font-family-regular);
    text-decoration: none;

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

  &.inherit {
    color: inherit;
    text-decoration: underline;

    &:hover,
    &:active {
      color: inherit;
      text-decoration: none;
    }
  }
}

Make sure links have a pointer cursor on hover
Make sure links have a pointer cursor on hover
