.capi-bout-segm {
    width: calc(100% - 6px);
    display: flex;
    flex-direction: row;

    margin: 3px;
    padding: 3px;
    gap: 3px;

    border: 1px solid var(--noti-fonc);
    background-color: #FFFFFF;
    border-radius: 8px;
}

.capi-bout-segm button { flex-grow: 1; flex-basis: 0; gap: 4px; }
.capi-bout-segm button i { font-size: 11px; }
.capi-bout-segm button span:has(+i) { flex-grow: 0; }
.capi-bout-segm .modu-bout:not(.active) { background-color: #FFEDDE; color: var(--noti-fonc); }
.capi-bout-segm .modu-bout:not(.active):hover { background-color: color-mix(in srgb, var(--noti-fonc) 75%, #FFFFFF 25%); color: #FFFFFF; }