/* *****************************************************************************
*
*  Button with loading class
*
* ***************************************************************************** */

.btn-loading {
  background-image: url('/images/loader-dots.gif');
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: -9999px -9999px;

  &.is-loading {
    pointer-events: none;
    color: transparent;
    position: relative;
    background-position: center;
  }

  &[disabled] {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}