<p><a href="#">I'm just a plain link</a>, made red by a style directly applied to the anchor tag in the site file.</p>

<p><button class="site-linkColor">I'm a button</button> made red by using the utility class.</p>

<div style="padding: 0.5rem">

This card component is getting its border-radius from the utility class.

{{#media-card 
	title='Azathoth' 
  dark=true
  links=yogLinks
}}
Outside the ordered universe [is] that amorphous blight of nethermost confusion which blasphemes and bubbles at the center of all infinity—the boundless daemon sultan Azathoth, whose name no lips dare speak aloud, and who gnaws hungrily in inconceivable, unlighted chambers beyond time and space amidst the muffled, maddening beating of vile drums and the thin monotonous whine of accursed flutes.
{{/media-card}}

<br/>

These buttons are also getting their border-radius from the utility class, but their background color is from the base file. It isn't defined at the site level, which works fine:

{{text-button text='Devour' icon=true}}
{{text-button text='Derange'}} 
{{text-button text='Destroy' icon=true iconFlip=true}}

</div>