Button set

            @use "../abstracts/css-util";

.button-set {
    display: flex;
    direction: row;
    gap: css-util.get-var(button-set,gap);
    align-items: center;
    flex-wrap:nowrap;
    width:100%;

    &>.button-set {
        width:auto;
    }

    &-align {
        &-right {
            justify-content: flex-end;
        }

        &-center {
            justify-content: center;
        }

        &-wide {
            justify-content: space-between;
        }
    }

    &-mini {
        gap: css-util.get-var(button-set-mini,gap);
    } 
}
        

Button set > Default

Default

            

Align right

            

Align center

            

Align wide