.wui-button-group {
  display: flex;
  align-items: center;

  .wui-btn {
    @apply rounded-none;

    &:focus {
      @apply z-1;
    }
  }

  &--horizontal {
    justify-content: stretch;

    .wui-tooltip:not(:first-child):not(:last-child) .wui-btn,
    & > div:not(:first-child):not(:last-child) .wui-btn,
    & > .wui-btn:not(:first-child):not(:last-child) {
      @apply rounded-none border-r-none;
    }

    .wui-tooltip:first-child .wui-btn--outlined,
    & > div:first-child .wui-btn,
    & > div:first-child > div:first-child > .wui-btn,
    & > .wui-btn:first-child {
      @apply rounded-l border-r-none;
    }

    .wui-tooltip:last-child .wui-btn--outlined,
    & > div:last-child .wui-btn,
    & > div:last-child > div:last-child > .wui-btn,
    & > .wui-btn:last-child {
      @apply rounded-r;
    }
  }

  &--vertical {
    flex-direction: column;
    justify-content: center;

    .wui-btn {
      border-radius: 0;
      width: 100%;

      &:focus {
        z-index: 1;
      }
    }

    .wui-tooltip,
    .wui-tooltip-trigger {
      width: 100%;
    }

    .wui-tooltip:not(:first-child):not(:last-child) .wui-btn,
    & > div:not(:first-child):not(:last-child) .wui-btn,
    & > .wui-btn:not(:first-child):not(:last-child) {
      @apply rounded-none border-t-none;
    }

    .wui-tooltip:first-child .wui-btn--outlined,
    & > div:first-child .wui-btn,
    & > div:first-child > div:first-child > .wui-btn,
    & > .wui-btn:first-child {
      @apply rounded-t;
    }

    .wui-tooltip:last-child .wui-btn--outlined,
    & > div:last-child .wui-btn,
    & > div:last-child > div:last-child > .wui-btn,
    & > .wui-btn:last-child {
      @apply rounded-b border-t-none;
    }
/*
    .wui-tooltip:not(:last-of-type) .wui-btn--neutral,
    & > .wui-btn--neutral:not(:last-of-type) {
      border-bottom-width: 0;
      box-shadow: none;

      &:focus {
        box-shadow: 0 0 0 3px fade(#a6b0bb, 20%);
      }
    }

    .wui-tooltip:last-child .wui-btn--outlined,
    .wui-btn + .wui-btn--outlined:last-child {
      border-top-width: 1px !important;
    }

    .wui-btn--neutral:not(:last-of-type):not(:first-of-type) {
      border-bottom-width: 0 !important;
    }

    .wui-btn--outlined:not(:last-of-type):not(:first-of-type) {
      border-bottom-width: 0 !important;
    }

    .wui-tooltip + .wui-tooltip .wui-btn--outlined,
    .wui-btn--outlined + .wui-btn {
      border-top-width: 0 !important;
    } */
  }
}