Primer

HTML

<div class="mean-bean mean-bean-sign-section mean-bean-sign-section--alt">

	<div class="mean-bean-sign-section--alt__logo"></div>
	<a class="button button--mean-bean">
		<div class="button--mean-bean__left-white"></div>
		<div class="button--mean-bean__top"></div>
		<div class="button--mean-bean__left"></div>
		Sign Up Today
		<div class="button--mean-bean__bottom-white"></div>
		<div class="button--mean-bean__right"></div>
		<div class="button--mean-bean__bottom"></div>
	</a>
</div>

Twig

<div class="mean-bean mean-bean-sign-section mean-bean-sign-section--alt">

	<div class="mean-bean-sign-section--alt__logo"></div>
	<a class="button button--mean-bean">
		<div class="button--mean-bean__left-white"></div>
		<div class="button--mean-bean__top"></div>
		<div class="button--mean-bean__left"></div>
		Sign Up Today
		<div class="button--mean-bean__bottom-white"></div>
		<div class="button--mean-bean__right"></div>
		<div class="button--mean-bean__bottom"></div>
	</a>
</div>

{}