@use "../mixins" as *;
@use "./mixins" as *;

// adduse

.dx-button-disabled {
  @include dx-button-disabled();
}

.dx-button {
  display: inline-flex;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  max-width: 100%;
  overflow: hidden;

  @include user-select(none);

  -webkit-user-drag: none;

  .dx-icon {
    -webkit-user-drag: none;
    display: inherit;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    background-size: contain;
  }

  .dx-svg-icon svg {
    width: 100%;
    height: 100%;
  }
}

.dx-button a {
  text-decoration: none;
}

.dx-button-content {
  flex: 1 1 auto;
  height: 100%;
  max-height: 100%;
  display: inherit;
  align-items: center;
  justify-content: center;
  vertical-align: middle;

  .dx-button-has-text & {
    @include dx-overflow();

    .dx-button-text {
      @include dx-overflow();
    }
  }

  > .dx-inkripple {
    display: none;
  }
}

.dx-button-link {
  text-decoration: none;
}

.dx-button-submit-input {
  padding: 0;
  margin: 0;
  border: 0;
  height: 0;
  width: 0;
  font-size: 0;
  opacity: 0;
  visibility: hidden;
}

.dx-state-disabled {
  &.dx-button,
  .dx-button {
    @include dx-button-disabled();
  }
}