-align-center-children t-size-xs" href="#">
        Attend
      </a>
      <a class="c-button c-button--standard has-bg-gray-dark has-text-white l-align-center-children t-size-xs" href="#">
        Watch
      </a>
    </div>
  </div>
</div>

<!--
  Event block with text and links always below the image.
  Accomplished by leaving off the `--overlay` modifier.
-->
<div class="c-event-block has-giant-btm-marg" style="max-width: 300px;">
  <h4 class="is-sr-only">The Texas Tribune Festival</h4>
  <figure>
    