Breakout Block Complete

<div class="c-block__breakout u-padding u-padding--double--bottom u-padding--double--top u-spacing u-theme--background-color--darker u-theme--background-color--darker can-be--dark-dark">
  <h3 class="c-block__title u-color--white">Nulla facilisi</h3>
  <p class="c-block__body u-theme--color--lighter">Fusce porta sed odio eu dignissim. Vivamus imperdiet libero mattis orci aliquam imperdiet. Vivamus sit amet tortor nec magna tincidunt faucibus sit amet ac sem. Maecenas mattis nibh at urna feugiat posuere. Pellentesque blandit condimentum eros, fermentum ornare diam facilisis eget.</p>
  <a href="" class="o-button o-button--lighter">Vestibulum non lectus</a>
</div>

<div class="c-block__breakout u-padding u-padding--double--bottom u-padding--double--top u-spacing u-theme--background-color--darker {{ breakout_block.block_class }}">
  <h3 class="c-block__title u-color--white">{{ breakout_block.title }}</h3>
  <p class="c-block__body u-theme--color--lighter">{{ breakout_block.description }}</p>
  <a href="" class="o-button o-button--lighter">{{ breakout_block.cta }}</a>
</div>