<article class="anthology recirc-item--anthology" style="background-image:url(/fa_prototype/assets/images/crisis.jpg);">
  <div class="recirc-item--anthology-gradient">
      <h2 class="title"><a href="#">Syria in Crisis</a></h2>
      <div class="deck"><a href="#">The best <em>Foreign Affairs</em> coverage of the conflict in Syria, from 2011 to today.</a></div>
      <div class="icons">
        <a href="#" class="icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="64.9 229.8 870.1 1160.1" enable-background="new 64.9 229.8 870.1 1160.1" xml:space="preserve">
   <title>Share</title>
<path d="M893.7,561.3H624.3c-12.4,0-20.8,8.2-20.8,20.8s8.2,20.8,20.8,20.8h269.3v745.9H106.3v-746h269.3c12.4,0,20.8-8.2,20.8-20.8
	c0-12.4-8.2-20.8-20.8-20.8H106.3c-24.8,0-41.4,16.6-41.4,41.4v745.9c0,24.8,16.6,41.4,41.4,41.4h787.3c24.8,0,41.4-16.6,41.4-41.4
	V602.7C935.1,577.9,918.5,561.3,893.7,561.3 M500,975.8c12.4,0,20.8-8.2,20.8-20.8V300.3l128.4,128.5c4.2,4.2,12.4,8.2,16.6,8.2
	c12.4,0,20.8-8.2,20.8-20.8c0-4.2-4.2-12.4-4.2-16.6L516.6,234c-4.2-4.2-8.2-4.2-16.6-4.2c-4.2,0-12.4,4.2-16.6,4.2L317.6,399.8
	c-4.2,4.2-4.2,8.2-4.2,16.6c0,12.4,8.2,20.8,20.8,20.8c4.2,0,12.4-4.2,16.6-4.2l128.4-132.5V955C479.2,967.6,487.6,975.8,500,975.8"
	/>
</svg>
<span class="icon__helper">download</span> </a>
        <a href="#" class="icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 18"><defs></defs><polygon points="0 0 0 18 6.03 13.96 12 18 12 0 0 0"/></svg><span class="icon__helper">read later</span></a>
        <button class="button button__grey">Buy</button>
      </div>
  </div>
</article>