.BtnGroup {
    display: inline-flex;

    .Btn {
        position: relative;
        border-color: var(--border-default);

        &:not(:disabled, .is-disabled):is(:focus, :has(:focus)) {
            z-index: 1;
        }
    }
}

.BtnGroup-horizontal {
    flex-direction: row;

    > :not(:last-child) .Btn,
    > :not(:last-child).Btn {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    > :not(:first-child) .Btn,
    > :not(:first-child).Btn {
        margin-left: -1px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
}

.BtnGroup-vertical {
    flex-direction: column;

    > :not(:first-child) .Btn,
    > :not(:first-child).Btn {
        margin-top: -1px;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

    > :not(:last-child) .Btn,
    > :not(:last-child).Btn {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
}