.margin-bottom-small {
    margin-bottom: var(--spacing-xs);
}
.margin-bottom-medium {
    margin-bottom: var(--spacing);
}
.margin-bottom-large {
    margin-bottom: var(--spacing-lg);
}
.margin-bottom-xlarge {
    margin-bottom: var(--spacing-xl);
}

.margin-top-small {
    margin-top: var(--spacing-xs);
}
.margin-top-medium {
    margin-top: var(--spacing);
}
.margin-top-large {
    margin-top: var(--spacing-lg);
}
.margin-top-xlarge {
    margin-top: var(--spacing-xl);
}