horizontal
<div class="container">
<div data-o-component="o-share" class="o-share">
<ul>
<li class="o-share__action">
<a class="o-share__icon o-share__icon--twitter" href="https://twitter.com/intent/tweet?url=http%3A//on.ft.com/1mUdgA2&text=Pfizer%20says%20its%20AstraZeneca%20vow%20over%20big%20UK%20presence%20is%20binding&related=ftcompanies&via=FT" rel="noopener"><span class="o-share__text">Twitter</span></a>
</li>
<li class="o-share__action">
<a class="o-share__icon o-share__icon--facebook" href="http://www.facebook.com/sharer.php?u=http%3A//on.ft.com/1mUdgA2" rel="noopener"><span class="o-share__text">Facebook</span></a>
</li>
<li class="o-share__action">
<a class="o-share__icon o-share__icon--linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=http%3A//on.ft.com/1mUdgA2&title=Pfizer%20says%20its%20AstraZeneca%20vow%20over%20big%20UK%20presence%20is%20binding%2B%7C%2BFT%2Ecom%20%7C%20Pharmaceuticals&summary=US%20drugs%20group%20vows%20to%20maintain%20big%20British%20presence&source=Financial%20Times" rel="noopener"><span class="o-share__text">LinkedIn</span></a>
</li>
<li class="o-share__action">
<a class="o-share__icon o-share__icon--whatsapp" target="_blank" href="whatsapp://send?text=Pfizer%20says%20its%20AstraZeneca%20vow%20over%20big%20UK%20presence%20is%20binding%20-%20http%3A//on.ft.com/1mUdgA2" data-trackable="whatsapp" rel="noopener"><span class="o-share__text">Whatsapp</span></a>
</li>
<li class="o-share__action">
<a class="o-share__icon o-share__icon--pinterest" href="http://www.pinterest.com/pin/create/button/?url=http%3A//on.ft.com/1mUdgA2&description=Pfizer%20says%20its%20AstraZeneca%20vow%20over%20big%20UK%20presence%20is%20binding" rel="noopener"><span class="o-share__text">Pinterest</span></a>
</li>
<li class="o-share__action">
<button class="o-share__icon o-share__icon--mail"><span class="o-share__text">Mail</span></button>
</li>
<li class="o-share__action">
<a href="http%3A//on.ft.com/1mUdgA2" class="o-share__icon o-share__icon--link"><span class="o-share__text">URL</span></a>
</li>
<li class="o-share__action">
<a href="http%3A//on.ft.com/1mUdgA2" class="o-share__icon o-share__icon--share"><span class="o-share__text">Share</span></a>
</li>
</ul>
</div>
</div>
inverse share icons
<div class="container container--inverse">
<div data-o-component="o-share" class="o-share o-share--inverse">
<ul>
<li class="o-share__action">
<a class="o-share__icon o-share__icon--twitter" href="https://twitter.com/intent/tweet?url=http%3A//on.ft.com/1mUdgA2&text=Pfizer%20says%20its%20AstraZeneca%20vow%20over%20big%20UK%20presence%20is%20binding&related=ftcompanies&via=FT" rel="noopener"><span class="o-share__text">Twitter</span></a>
</li>
<li class="o-share__action">
<a class="o-share__icon o-share__icon--facebook" href="http://www.facebook.com/sharer.php?u=http%3A//on.ft.com/1mUdgA2" rel="noopener"><span class="o-share__text">Facebook</span></a>
</li>
<li class="o-share__action">
<a class="o-share__icon o-share__icon--linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=http%3A//on.ft.com/1mUdgA2&title=Pfizer%20says%20its%20AstraZeneca%20vow%20over%20big%20UK%20presence%20is%20binding%2B%7C%2BFT%2Ecom%20%7C%20Pharmaceuticals&summary=US%20drugs%20group%20vows%20to%20maintain%20big%20British%20presence&source=Financial%20Times" rel="noopener"><span class="o-share__text">LinkedIn</span></a>
</li>
<li class="o-share__action">
<a class="o-share__icon o-share__icon--whatsapp" target="_blank" href="whatsapp://send?text=Pfizer%20says%20its%20AstraZeneca%20vow%20over%20big%20UK%20presence%20is%20binding%20-%20http%3A//on.ft.com/1mUdgA2" data-trackable="whatsapp" rel="noopener"><span class="o-share__text">Whatsapp</span></a>
</li>
<li class="o-share__action">
<a class="o-share__icon o-share__icon--pinterest" href="http://www.pinterest.com/pin/create/button/?url=http%3A//on.ft.com/1mUdgA2&description=Pfizer%20says%20its%20AstraZeneca%20vow%20over%20big%20UK%20presence%20is%20binding" rel="noopener"><span class="o-share__text">Pinterest</span></a>
</li>
<li class="o-share__action">
<button class="o-share__icon o-share__icon--mail"><span class="o-share__text">Mail</span></button>
</li>
<li class="o-share__action">
<a href="http%3A//on.ft.com/1mUdgA2" class="o-share__icon o-share__icon--link"><span class="o-share__text">URL</span></a>
</li>
<li class="o-share__action">
<a href="http%3A//on.ft.com/1mUdgA2" class="o-share__icon o-share__icon--share"><span class="o-share__text">Share</span></a>
</li>
</ul>
</div>
</div>
vertical
<div class="container">
<div data-o-component="o-share" class="o-share o-share--vertical">
<ul>
<li class="o-share__action">
<a class="o-share__icon o-share__icon--twitter" href="https://twitter.com/intent/tweet?url=http://on.ft.com/1mUdgA2&text=Pfizer+says+its+AstraZeneca+vow+over+big+UK+presence+is+binding&related=ftcompanies&via=FT" rel="noopener"><span class="o-share__text">Twitter</span></a>
</li>
<li class="o-share__action">
<a class="o-share__icon o-share__icon--facebook" href="http://www.facebook.com/sharer.php?u=http://on.ft.com/1mUdgA2" rel="noopener"><span class="o-share__text">Facebook</span></a>
</li>
<li class="o-share__action">
<a class="o-share__icon o-share__icon--linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=http://on.ft.com/1mUdgA2&title=Pfizer+says+its+AstraZeneca+vow+over+big+UK+presence+is+binding%2B%7C%2BFT%2Ecom+%7C+Pharmaceuticals&summary=US+drugs+group+vows+to+maintain+big+British+presence&source=Financial%20Times" rel="noopener"><span class="o-share__text">LinkedIn</span></a>
</li>
<li class="o-share__action">
<a class="o-share__icon o-share__icon--whatsapp" target="_blank" href="whatsapp://send?text=Pfizer+says+its+AstraZeneca+vow+over+big+UK+presence+is+binding%20-%20http://on.ft.com/1mUdgA2" data-trackable="whatsapp" rel="noopener"><span class="o-share__text">Whatsapp</span></a>
</li>
<li class="o-share__action">
<a class="o-share__icon o-share__icon--pinterest" href="http://www.pinterest.com/pin/create/button/?url=http://on.ft.com/1mUdgA2&description=Pfizer+says+its+AstraZeneca+vow+over+big+UK+presence+is+binding" rel="noopener"><span class="o-share__text">Pinterest</span></a>
</li>
<li class="o-share__action">
<button class="o-share__icon o-share__icon--mail"><span class="o-share__text">Mail</span></button>
</li>
<li class="o-share__action">
<a href="http://on.ft.com/1mUdgA2" class="o-share__icon o-share__icon--link"><span class="o-share__text">URL</span></a>
</li>
<li class="o-share__action">
<a href="http://on.ft.com/1mUdgA2" class="o-share__icon o-share__icon--share"><span class="o-share__text">Share</span></a>
</li>
</ul>
</div>
</div>