<div class="one"></div>
<div class="two"></div>

:root{
  --height: 4em;
}
.one {
  margin: var(--height);
  height: calc(var(--height) + 7em);
  background: #e53b2c;
}
.two {
  margin: var(--height);
  height: calc(var(--height) + 2em);
  background: #b74096;
}