@pp-button-padding: 3px 12px;
@pp-button-border-radius: 2px;
@pp-button-font-size: 14px;
// @pp-button-primary-background-color: #007CBA;

.pp-button,
.pp-button.components-button {
  padding: @pp-button-padding;
  border-radius: @pp-button-border-radius;
  font-size: @pp-button-font-size;
  // border: 1px;
  // background-color: @pp-button-primary-background-color;

  &[disabled] {
    cursor: not-allowed;
  }

  & > .icon + span,
  & > span + .icon {
    margin-left: 8px;
  }

  &.has-icon {
    vertical-align: top;
  }

  &.is-secondary:disabled,
  &.is-secondary:disabled:active:enabled {
    background: #eaeaea;
    box-shadow: inset 0 0 0 1px #bed1da;
    color: #828282;
    opacity: 1;
    outline: none;
    transform: none;
  }
}

.icon-spin {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}

@keyframes loadingCircle {
  100% {
    transform: rotate(360deg);
  }
}