<div class="c-share-tools{{#if darkBackground}} c-share-tools--dark{{/if}}{{#if noTopBorder}} u-roofless{{/if}}{{#if noBottomBorder}} u-floorless{{/if}}">
  <span class="c-share-tool c-share-tool--email">
    <a href="#email" class="c-share-tool__link c-share-tool__link--email" aria-label="Email to friend">
      <svg class="c-share-tool__icon c-share-tool__icon--email" role="img" pointer-events="none" focusable="false" aria-hidden="true">
        <use xlink:href="{{ basePath }}/assets/patterns/images/sprite.svg#icon-email"></use>
      </svg>
      <span class="u-visually-hidden">Email to friend</span>
    </a>
  </span>
  <span class="c-share-tool c-share-tool--twitter">
    <a href="#twitter" class="c-share-tool__link c-share-tool__link--twitter" aria-label="Share on Twitter">
      <svg class="c-share-tool__icon c-share-tool__icon--twitter" role="img" pointer-events="none" focusable="false" aria-hidden="true">
        <use xlink:href="{{ basePath }}/assets/patterns/images/sprite.svg#icon-twitter"></use>
      </svg>
      <span class="u-visually-hidden">Share on Twitter</span>
    </a>
  </span>
  <span class="c-share-tool c-share-tool--facebook">
    <a href="#facebook" class="c-share-tool__link c-share-tool__link--facebook" aria-label="Share on Facebook">
      <svg class="c-share-tool__icon c-share-tool__icon--facebook" role="img" pointer-events="none" focusable="false" aria-hidden="true">
        <use xlink:href="{{ basePath }}/assets/patterns/images/sprite.svg#icon-facebook"></use>
      </svg>
      <span class="u-visually-hidden">Share on Facebook</span>
    </a>
  </span>
  <span class="c-share-tool c-share-tool--linkedin">
    <a href="#linkedin" class="c-share-tool__link c-share-tool__link--linkedin" aria-label="Share on LinkedIn">
      <svg class="c-share-tool__icon c-share-tool__icon--linkedin" role="img" pointer-events="none" focusable="false" aria-hidden="true">
        <use xlink:href="{{ basePath }}/assets/patterns/images/sprite.svg#icon-linkedin"></use>
      </svg>
      <span class="u-visually-hidden">Share on LinkedIn</span>
    </a>
  </span>
  <span class="c-share-tool c-share-tool--whatsapp">
    <a href="#whatsapp" class="c-share-tool__link c-share-tool__link--whatsapp" aria-label="Share on WhatsApp">
      <svg class="c-share-tool__icon c-share-tool__icon--whatsapp" role="img" pointer-events="none" focusable="false" aria-hidden="true">
        <use xlink:href="{{ basePath }}/assets/patterns/images/sprite.svg#icon-whatsapp"></use>
      </svg>
      <span class="u-visually-hidden">Share on WhatsApp</span>
    </a>
  </span>
</div>
