.box

padding: var(--x) var(--x)

.ml-x

margin-left: var(--x)

.mr-x

margin-right: var(--x)

.mt-x

margin-top: var(--x)

.mb-x

margin-bottom: var(--x)

.mx-x

margin-right: var(--x)
margin-left: var(--x)

.my-x

margin-top: var(--x)
margin-bottom: var(--x)

.hbox

display: grid
grid-auto-flow: column
justify-content: start
gap: 1em

.vbox

display: grid
grid-auto-flow: row
align-content: start
gap: 1em