The button-transparent
style inherits color from its parent.
<div class="blue">
<button class="button-transparent">Button</button>
<a href="#!" class="button button-transparent">Link Button</a>
<input type="button" class="button button-transparent" value="Input Button">
</div>
Use utility styles to change the color.
<button class="button-transparent green">Button</button>
<button class="button-transparent red">Button</button>