:global(.ui-button) {
  &[data-state~='loading'] {
    pointer-events: none;
  }
}

:global(.loader-wrapper) {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  & :global(.dot-loader) {
    margin: 0 auto;
  }

  & + :global(.button-wrapper) {
    visibility: hidden;
  }
}