Share

<div class="c-share t-align-center t-size-s">
  <a class="c-button c-button--outline c-button--standard has-text-facebook has-bg-facebook has-text-hover-facebook l-align-center-children"
    href="#" aria-label="Share on Facebook">
    <span class="c-button__inner c-icon"><svg aria-hidden="true">
        <use xlink:href="#facebook"></use>
      </svg></span>
  </a>
  <a class="c-button c-button--outline c-button--standard has-text-twitter has-bg-twitter has-text-hover-twitter l-align-center-children"
    href="#" aria-label="Share on Twitter">
    <span class="c-button__inner c-icon"><svg aria-hidden="true">
        <use xlink:href="#twitter"></use>
      </svg></span>
  </a>
  <a class="c-button c-button--outline c-button--standard has-text-yellow has-bg-yellow has-text-hover-yellow l-align-center-children"
    href="#" aria-label="Share this story by email">
    <span class="c-button__inner c-icon"><svg aria-hidden="true">
        <use xlink:href="#envelope"></use>
      </svg></span>
  </a>
  <a class="c-button c-button--outline c-button--standard has-text-teal has-bg-teal has-text-hover-teal l-align-center-children"
    href="#" aria-label="View comments">
    <span class="c-button__inner c-icon"><svg aria-hidden="true">
        <use xlink:href="#comments"></use>
      </svg></span>
  </a>
  <a class="c-button c-button--outline c-button--standard has-text-gray has-bg-gray has-text-hover-gray is-hidden-until-bp-s l-align-center-children"
    href="#" aria-label="Republish this story">
    <span class="c-button__inner t-size-xxs">Republish</span>
  </a>
</div>