Creates a context for important information to be displayed in a webpage
If a button group is placed as a sibling of .tcu-callout__content, it will be centered on small and medium container widths. If there is only one button, on large container widths it will be in it’s own column. If there is more than one button or if the button text is too long, the button group will be below the rest of the content.
<div class="tcu-callout _dark">
<div class="tcu-callout__inner">
<div class="tcu-callout__content">
<h2>Use an H2 for headings</h2>
<p>Add paragraphs, bulleted lists, etc. <a href='#'>Read More</a></p>
</div>
<div class="button-group">
<a class='button' href='#'>First Button</a>
</div>
</div>
</div>