.split-container{display:flex;gap:3rem;padding-block:1rem;margin-block:1.5rem;.split-left, .split-right { flex: 1; & > * { margin-inline: 0; } & > :first-child { margin-top: 0; } & > :last-child { margin-bottom: 0; } }}@media(min-width:calc(768px + 1px)){.split-container{&.exp-left { margin-left: auto; } &.exp-right { margin-right: auto; } &.exp-all { margin-inline: auto; }}}@media(max-width:768px){.split-container{flex-direction:column;gap:2rem;&.ms-rev { flex-direction: column-reverse; }}}