Do not assume margin direction, harder to override

Created by: coder4life

margin-bottom is an opinionated way of handling margin spacing. We can remove the dependency and use simple CSS shorthand to achieve the same result. Variable is much more configurable.