{{#each events}}
  <div class="o-card o-card--event">
    <a href="#" class="o-card__link">
      <div class="o-card__content">
        <div class="o-card__col">
          <div class="o-card__hed o-card__hed--22b">{{this.title}}</div>
          {{#if this.when}}
            <div class="o-card__when">{{this.when}}</div>
          {{/if}}
          {{!-- button displayed on all non-mobile tiers --}}
          {{> button buttonModifierClasses="c-button--dark-primary c-button--hidden-xs-down"
            buttonText="Register Now" buttonAttributes="type=\"button\"" }}
        </div>
        {{#if this.image}}
          <div class="o-card__col">
            <img class="c-image" src="{{this.image}}" alt="">
          </div>
        {{/if}}
      </div>
      {{!-- button displayed only on mobile tier --}}
      {{> button buttonModifierClasses="c-button--dark-primary c-button--full-width c-button--hidden-sm-up"
        buttonText="Register Now" buttonAttributes="type=\"button\"" }}
    </a>
  </div>
{{/each}}
