CSS Text Button Design

HTML Markup
Element	Markup
a	`<span class="button"><a href="#">TEXT</a></span>`
button	`<span class="button"><button type="button">TEXT</button></span>`
input	`<span class="button"><input type="submit" value="TEXT" /></span>`

Used Classes
Variation	Mixable Class Name
declaration	button
color	white, black, green, blue, red
size	small, default, large, xLarge
strong	strong

White Buttons
Element / Size	small	default	large	xLarge
a	anchor	anchor	anchor	anchor
button
input

Black Buttons
Element / Size	small	default	large	xLarge
a	anchor	anchor	anchor	anchor
button
input

Green Buttons
Element / Size	small	default	large	xLarge
a	anchor	anchor	anchor	anchor
button
input

Blue Buttons
Element / Size	small	default	large	xLarge
a	anchor	anchor	anchor	anchor
button
input

Red Buttons
Element / Size	small	default	large	xLarge
a	anchor	anchor	anchor	anchor
button
input

Strong Buttons
Element / Size	small	default	large	xLarge
a	anchor	anchor	anchor	anchor
button
input

Vertical Align Test
Size / Types	Variable Types
small	Text anchor Text Text Text
default	Text anchor Text Text Text
large	Text anchor Text Text Text
xLarge	Text anchor Text Text Text