Orange-coloured box with icon

<article class="box box--orange">
  <div class="box__inner border box--padded has-icon">
    <header class="box__header">
      <h2 class="gamma">
        <a href="#">
          Personal Inflation Calculator
          <span class="icon-popup detached"></span>
        </a>
      </h2>
    </header>
    <!-- /box__header -->

    <div class="box__content">
      <p>
        A first estimate of retail sales in volume and value terms, seasonally and non-seasonally adjusted.
      </p>
    </div>
    <!-- /box__content -->
  </div>
  <!-- /box__inner -->
</article>