.acl-single-buttons-wrapper {
    display: flex;
    width: 100%;
}

/* Base styles for both buttons */
.acl-primary-button,
.acl-secondary-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Layout-specific styles */
.acl-single-buttons-wrapper.row-layout {
    flex-direction: row;
}

.acl-single-buttons-wrapper.row-layout > .acl-primary-button,
.acl-single-buttons-wrapper.row-layout > .acl-secondary-button {
    flex-grow: 1; /* Allow buttons to grow */
    flex-basis: 0; /* But start from a basis of 0 to distribute space evenly */
}

.acl-single-buttons-wrapper.column-layout {
    flex-direction: column;
}