.btn-loading{pointer-events:none!important;opacity:.72!important;cursor:wait!important}
.btn-loading::before{
  content:"";display:inline-block;width:18px;height:18px;margin-right:10px;
  border:2px solid currentColor;border-right-color:transparent;border-radius:50%;
  vertical-align:-3px;animation:civilSpin .7s linear infinite
}
@keyframes civilSpin{to{transform:rotate(360deg)}}
.inline-spinner{
  display:inline-block;width:18px;height:18px;margin-right:10px;
  border:3px solid rgba(0,0,0,.28);border-top-color:currentColor;
  border-radius:50%;vertical-align:-4px;animation:civilSpin .7s linear infinite
}