%primary-button {
  background: lighten($primaryAction,10%);
  border-color:darken($primaryAction,6%);
  color:white;
  &.x-item-disabled {
    opacity:1;
    background: $desaturatedSplash;
    border-color:darken($gainsboro,40%);
  }
  & button,
  &.x-item-disabled * {
    color: white !important;
  }
  &.x-btn-over {
    background: lighten($primaryAction,12%);
    border-color:darken($primaryAction,12%);
}
}