<div class='bg-blue-faint color-blue inline-block px6 py3 txt-xs txt-bold round-full'>
screamin dealz
</div><div class='bg-green-lighter color-green-deep inline-block px6 py3 txt-xs txt-bold round-full'>
<svg class='icon w15 h15 inline-block align-middle'><use xlink:href='#icon-info'></use></svg>
Did you know?
</div><div class='bg-orange-faint color-orange-dark inline-block px6 py3 txt-xs txt-bold round-full'>
Heads up!
<button>
<svg class='icon w15 h15 inline-block align-middle ml3'><use xlink:href='#icon-close'></use></svg>
</button>
</div><div class='flex flex--center-cross inline-flex relative w240'>
<div class='bg-blue-faint round-l col w-1/2 px12 py12'>
<strong class='txt-s color-blue'>This</strong>
</div>
<span class='triangle triangle--r mr-neg12 z1 color-blue-faint'></span>
<div class='bg-blue round-r col w-1/2 px12 py12 pl24'>
<strong class='txt-s color-blue-faint'>is that</strong>
</div>
</div>