@import (reference) "./../styles/less/mixins/_logical-properties.less";
@import (reference) "./../styles/less/ring.less";

a, button.np-link {
  border-radius: 2px;
  color: var(--color-sentiment-content-primary, var(--color-content-link));
}

.np-link {
  .tw-icon {
    display: flex;
    align-items: center;
    .margin(left, var(--size-4));
  }

  &.np-link--disabled,
  &:disabled {
    filter: none;
    mix-blend-mode: luminosity;
    opacity: 0.45;
    cursor: not-allowed;
  }
}