message: fix(button): loading button
diff: &:not(.hi-btn--disabled):active {
  background-color: map-get(get-palette($color), '60');
  color: $white;
  - box-shadow: inset 0 4px 4px rgba(map-get(get-palette($color), '50'), 0.25);
  + box-shadow: inset 0 4px 4px
  + rgba(map-get(get-palette($color), '50'), 0.25);
  }
  // Status: disabled
  white-space: nowrap;
  touch-action: manipulation;
  cursor: pointer;
  - transition: background-color $speed-normal $easing, border-color $speed-normal $easing, box-shadow $speed-fast $easing, color $speed-normal $easing;
  + transition: background-color $speed-normal $easing,
  + border-color $speed-normal $easing, box-shadow $speed-fast $easing,
  + color $speed-normal $easing;
  @include hi-btn-style();
  outline: 0;
  }
  + &--loading {
  &::before {
  content: '';
  display: block;
  left: -1px;
  right: -1px;
  background-color: #fff;
  - opacity: 0;
  - transition: opacity 0.3s ease;
  - }
  -
  - &--loading {
  - &::before {
  opacity: 0.4;
  }
  @each $key in 'success', 'danger', 'warning' {
  &--type--#{$key} {
  - $status-color: map-get(get-palette(get-color($palette-secondary, $key)), '50');
  + $status-color: map-get(
  + get-palette(get-color($palette-secondary, $key)),
  + '50'
  + );
  @include render-line-button($status-color);
  