.ui-button-group {
    position: relative;

    display: flex;
}

.ui-button-group__label {
    display: block;

    font-size: 13px;
    user-select: none;
}

.ui-button-group__caption {
    display: block;

    padding: 7px 12px 6px;

    cursor: pointer;

    border: 1px solid rgba(0, 0, 0, .2);
    border-left: none;
}

.ui-button-group__label:first-of-type .ui-button-group__caption {
    border-left: 1px solid rgba(0, 0, 0, .2);
    border-radius: 2px 0 0 2px;
}

.ui-button-group__label:last-of-type .ui-button-group__caption {
    border-radius: 0 2px 2px 0;
}

.ui-button-group__checkbox {
    position: absolute;
    left: -8000px;
}

.ui-button-group__checkbox:checked + .ui-button-group__caption {
    background: #feeba0;
}
