Primer

HTML

<div class="clearfix">
	<div class="large-col-4">
		<div class="rounded-corners quiz-box quiz-box--orange">
			<h3>FAQS</h3>
			<p>It wouldn't be a quiz without questions - we want to answer all of yours here.</p>
			<a href="/About_you/Fundraise/The_Big_Quiz_Night/FAQs" class="button button--transparent button--bold">Read More</a>
		</div>
	</div>
</div>

Twig

<div class="clearfix">
	<div class="large-col-4">
		<div class="rounded-corners quiz-box quiz-box--{{ box_colour }}">
			<h3>FAQS</h3>
			<p>It wouldn't be a quiz without questions - we want to answer all of yours here.</p>
			<a href="/About_you/Fundraise/The_Big_Quiz_Night/FAQs" class="button button--transparent button--bold">Read More</a>
		</div>
	</div>
</div>

{
    "box_colour": "orange"
}

FAQS

It wouldn't be a quiz without questions - we want to answer all of yours here.