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

.np-btn {
  position: relative;

  &.np-btn-block > span.btn-loader {
    position: absolute;
    .left(var(--size-24));
  }

  &.np-btn-xs > span.btn-loader {
    background-size: 16px 16px;
  }

  &.np-btn-xs.btn-block > span.btn-loader {
    top: 0;
  }

  // we do not want pointer events disabled as that
  // prevents the custom cursor to be shown
  &.disabled[class] {
    pointer-events: auto;
  }
}