<!-- Lifted, sectioned, and padded box-->
<article class="box box--padded lifted sectioned">
  <header class="box__header">
    <h3 class="gamma">
      Regional Gross Value Added (Income Approach)
    </h3>
  </header>
  <!-- /box__header -->

  <div class="box__content">
    <ul class="list--bullet">
      <li>In 2012 the South East had the largest increase in GVA</li>
      <li>Between 1997 and 2011 the contribution of building to total GVA decreased in each of the NUTS1 regions. </li>
    </ul>
    <!--  /list-bullet -->

  </div>
  <!-- /box__content -->
  <footer class="box__footer box__actions">
    <a class="btn btn--primary btn--small btn--narrow" href="#">
      Download .xls
      <span class="icon icon-download icon--button-inline"></span>
    </a>
  </footer>
</article>

<!-- Blue box, lifted with left border-->
<article class="box solid box--blue--separated--left">
  <div class="box__inner border box--padded">
    <div class="box__section">
      <h3 class="box__section__header">More on
        <a href="#">Inflation</a>
      </h3>
      <p>See lorem ipsum dolor sit amet sadipscing consectrue</p>
    </div>
    <div class="box__section">
      <h3 class="box__section__header">More on
        <a href="#">Inflation</a>
      </h3>
      <p>See lorem ipsum dolor sit amet sadipscing consectrue</p>
    </div>
  </div>
  <!-- /box__inner -->
</article>