Buttons
Fake background being but-b since to show that it is white/transparent
Button C requires an additional span:
With the .back class.
HTML
<p>Fake background being but-b since to show that it is white/transparent</p>
<p style="background-color:black; padding 15px;"><a href="#" class="but-b">Button B</a></p>
<p>Button C requires an additional span:</p>
<p><a href="#" class="but-c"><span>Button C</span></a></p>
<p><a href="#" class="but-d">Button D</a></p>
<p><a href="#" class="but-e">Button E</a></p>
<p><a href="#" class="but-f">Button F</a></p>
<p>With the <b>.back</b> class.</p>
<p style="background-color:black; padding 15px;"><a href="#" class="but-b back">Button B</a></p>
<p><a href="#" class="but-c back"><span>Button C</span></a></p>
<p><a href="#" class="but-d back">Button D</a></p>
<p><a href="#" class="but-e back">Button E</a></p>
<p><a href="#" class="but-f back">Button F</a></p>