<style>
   .box {
      border-radius: 4px;
      box-shadow: 0 8px 12px rgba(0, 0, 0, 0.30), 0 5px 4px rgba(0, 0, 0, 0.22);
      padding: 2rem;
      margin-bottom: 1rem;
      background-color: white;
   }

   .box> :global(h1) {
      margin: 0;
      margin-bottom: 1rem;
      color: #444444;
      font-size: 1.3rem;
   }

   .box> :global(div) {
      padding: 16px;
      border-top: 1px solid var(--border-color);
      word-wrap: break-word;
   }

   .box> :global(div):first-of-type {
      border-top: none;
   }

   @media (min-width: 45rem) {
      .box {
         margin-bottom: 2rem;
      }
   }
</style>

<div class="box">
   <slot></slot>
</div>