@use '../../../../../../../apps/kouncil/src/styles/buttons';
@import "../../../../../../../apps/kouncil/src/styles/palette";
@import "../../../../../../../apps/kouncil/src/styles/spaces";

.actions {
  float: right;
  margin-top: $space-5;

  .action-button-white {
    margin-right: $space-5;

    .test-connection-btn-content {
      display: flex;
      place-items: center;
      gap: 12px;

      .small-spinner {
        width: 24px !important;
        height: 24px !important;
      }

      .test-connection-icon {
        margin-right: 0;
      }
    }
  }

  .test-connection-button {
    width: 250px;
  }

  .connected {
    @include buttons.button-green;
  }

  .unableToConnect {
    @include buttons.button-red;
  }

  .action-button-white:disabled, .action-button-blue:disabled {
    @include buttons.button-disabled;
  }
}

.full-width {
  width: 100%;
}

.action-button-blue {
  @include buttons.button-blue;
}

.action-button-white {
  @include buttons.button-white;
  height: 40px !important;
}

.mat-icon {
  margin: $space-0 !important;
  color: inherit;
}
