.checkbox-group {
    padding: 0;
    margin: 0;
    border: none;
    display: flex;
    width: 100%;
    gap: var(--checkbox-group-gap);

    --checkbox-group-gap: 8px 32px;
    --checkbox-group-legend-gap: 16px;
    --checkbox-group-legend-color: var(--color-text-headers);
    --checkbox-group-legend-font-size: 16px;

    &_row {
        flex-wrap: wrap;
    }

    &_column {
        flex-direction: column;
    }

    &__legend {
        width: 100%;
        padding: 0;
        margin: 0 0 var(--checkbox-group-legend-gap);
        font-family: var(--font-family-primary);
        font-style: normal;
        font-weight: 400;
        font-size: var(--checkbox-group-legend-font-size);
        line-height: 20px;
        color: var(--checkbox-group-legend-color);
        flex-grow: 1;
    }
}