.section--xs {
    padding-top: var(--space-4);
    padding-bottom: var(--space-4);
}
.section--sm {
    padding-top: var(--space-6);
    padding-bottom: var(--space-6);
}
.section--md {
    padding-top: var(--space-12);
    padding-bottom: var(--space-12);
}
.section--lg {
    padding-top: var(--space-16);
    padding-bottom: var(--space-16);
}
.section--xl {
    padding-top: var(--space-24);
    padding-bottom: var(--space-24);
}