@use "../mixins" as *;

// adduse

.dx-buttongroup {
  display: inline-block;
}

.dx-buttongroup-wrapper {
  @include flex-container(row, nowrap);

  height: 100%;
  width: 100%;

  .dx-buttongroup-mode-text & {
    column-gap: 1px;
  }
}

.dx-buttongroup-item {
  flex: 0 1 auto;

  &.dx-button-mode-outlined,
  &.dx-button-mode-contained {
    border-inline-start-width: 0;

    &.dx-button {
      border-radius: 0;
    }
  }
}

.dx-buttongroup-item-has-width {
  flex: 1 1 auto;
}