<style>
@layer a {
  .outer {
    background: green;
  }

  .inner {
    padding-top: 50px;
  }
}
</style>
<div id=t class="outer">
  <div class="inner">
    This text should have padding above.
  </div>
</div>