.button-group {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.button-group > * {
    flex: 1 1 auto;
    margin: 0;
}

.button-group > * {
    border-radius: 0 !important;
}

.button-group > button:first-of-type {
    border-top-left-radius: var(--radius) !important;
    border-bottom-left-radius: var(--radius) !important;
}

.button-group > button:last-of-type {
    border-top-right-radius: var(--radius) !important;
    border-bottom-right-radius: var(--radius) !important;
}

.vertical {
    flex-direction: column;
}