/* ==========================================================================
   Styling
   ========================================================================== */
.gui-progress-button__wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gui-progress-button__icon {
  position: absolute;

  path {
    fill: white;
  }
}

.gui-progress-button__spinner-text + .gui-progress-button__icon {
  position: relative;
  order: 1;
  margin-right: $layout-spacing-base*0.25;

  svg {
    height: $layout-spacing-base;
    width: $layout-spacing-base;
  }
}

.gui-progress-button__spinner-text {
  order: 2;
}


.gui-button--outline-default {
  .gui-progress-button__icon path {
    fill: $primary-blue-darker;
  }
}