.mt-flex {
    display: flex;
}
.mt-flex--align-center, .mt-flex--align--center {
    align-items: center;
}
.mt-flex--justify-between {
    justify-content: space-between;
}
.mt-flex--justify-end {
    justify-content: flex-end;
}
.mt-flex--justify-center {
    justify-content: center;
}
.mt-flex--gap-4 {
    gap: var(--spacing-unit--xxs);
}
.mt-flex--gap-8 {
    gap: var(--spacing-unit--xs);
}
.mt-flex--gap-12 {
    gap: var(--spacing-unit--s);
}

.mt-flex--gap-16 {
    gap: var(--spacing-unit--m);
}
.mt-flex--gap-24 {
    gap: var(--spacing-unit--r);
}
.mt-flex--gap-32 {
    gap: var(--spacing-unit--l);
}
.mt-flex--direction-column {
    flex-direction: column;
}

/* Content alignment classes */
.mt-flex--align--left, .mt-content-align--left {
    text-align: left;
    align-items: flex-start;
}
  
.mt-flex--align--center, .mt-content-align--center {
    text-align: center;
    align-items: center;
}
  
.mt-flex--align--right, .mt-content-align--right {
    text-align: right;
    align-items: flex-end;
}

.mt-flex--align--end {
    text-align: end;
    align-items: flex-end;
}
.mt-flex--justify-start {
    justify-content: flex-start;
}