<div class="emergency-banner emergency-banner--<%= campaign_class %>" role="banner" data-nosnippet>
  <div class="govuk-width-container">
    <div class="govuk-grid-row">
      <div class="govuk-grid-column-two-thirds">
        <h2 class="emergency-banner__heading"><%= heading %></h2>
        <% if short_description %>
          <p class="emergency-banner__description"><%= short_description %></p>
        <% end %>
        <% if link %>
          <a href="<%= link %>" class="emergency-banner__link govuk-link"><%= link_text %></a>
        <% end %>
      </div>
    </div>
  </div>
</div>

<div class="emergency-banner emergency-banner--<%= campaign_class %> dont-print" role="banner" data-nosnippet>
  <div class="govuk-width-container">
    <div class="govuk-grid-row">
      <div class="govuk-grid-column-two-thirds">
        <h2 class="emergency-banner__heading"><%= heading %></h2>
        <% if short_description %>
          <p class="emergency-banner__description"><%= short_description %></p>
        <% end %>
        <% if link %>
          <a href="<%= link %>" class="emergency-banner__link govuk-link"><%= link_text %></a>
        <% end %>
      </div>
    </div>
  </div>
</div>

Hide the emergency banner when a page is printed
Hide the emergency banner when a page is printed

Note - whilst the `dont-print` class works and is fine, the preferred
`govuk-!-display-none-print` class from GOV.UK Frontend doesn't work because
it's included in a stylesheet with the media set to screen.
