@use '../../styles/design-system.scss' as *;

// styles for all burden containers
@mixin baseBurdenContainer {
    display: flex;
    @include u-text('bold'); 

    .burdenQuestion {
        flex: 0 1 77%;
        @include typeset('sans', '2xs', 2);
    }
    
    .burdenValue {
        margin-left: 2.2rem;
    }    
}

// styles for first burden container
.exceedBurdenContainer {
    @include baseBurdenContainer();
    @include u-padding-bottom(1); 
}

// styles for second burden container
// .exceedBurdenContainer ~ .exceedBurdenContainer {
//     @include baseBurdenContainer();
// }
