

:root {
    --modal-footer-default-gap: var(--gap-16);
}

.column {
    display: flex;
    flex-direction: column;
}

.column > *:not(:last-child):not(:only-child) {
        margin-bottom: var(--modal-footer-default-gap);
    }

.column.gap-16 > *:not(:last-child):not(:only-child) {
        margin-bottom: var(--gap-16);
    }

.column.gap-24 > *:not(:last-child):not(:only-child) {
        margin-bottom: var(--gap-24);
    }

.column.gap-32 > *:not(:last-child):not(:only-child) {
        margin-bottom: var(--gap-32);
    }

.start {
    justify-content: flex-start;
}

.center {
    justify-content: center;
}

.space-between {
    justify-content: space-between;
}

.space-between > * {
        flex: 1;
    }

.start,
.center,
.space-between {
    display: flex;
}

.start > *:not(:last-child):not(:only-child), .center > *:not(:last-child):not(:only-child), .space-between > *:not(:last-child):not(:only-child) {
        margin-right: var(--modal-footer-default-gap);
    }

.start.gap-16 > *:not(:last-child):not(:only-child), .center.gap-16 > *:not(:last-child):not(:only-child), .space-between.gap-16 > *:not(:last-child):not(:only-child) {
        margin-right: var(--gap-16);
    }

.start.gap-24 > *:not(:last-child):not(:only-child), .center.gap-24 > *:not(:last-child):not(:only-child), .space-between.gap-24 > *:not(:last-child):not(:only-child) {
        margin-right: var(--gap-24);
    }

.start.gap-32 > *:not(:last-child):not(:only-child), .center.gap-32 > *:not(:last-child):not(:only-child), .space-between.gap-32 > *:not(:last-child):not(:only-child) {
        margin-right: var(--gap-32);
    }
