Big buttons, small buttons, flat buttons, round buttons... We've got everything to hmmmmm, push your button!

Standard buttons

Button Usage
Default <a href="#" class="button">Default</a>
Red <a href="#" class="button red">Red</a>
Orange <a href="#" class="button orange">Orange</a>
Blue <a href="#" class="button blue">Blue</a>
Green <a href="#" class="button green">Green</a>
Pink <a href="#" class="button pink">Pink</a>
Magenta <a href="#" class="button magenta">Magenta</a>
Yellow <a href="#" class="button yellow">Yellow</a>

Flat buttons

Button Usage
Default <a href="#" class="button flat">Default</a>
Red <a href="#" class="button red flat">Red</a>
Orange <a href="#" class="button orange flat">Orange</a>
Blue <a href="#" class="button blue flat">Blue</a>
Green <a href="#" class="button green flat">Green</a>
Pink <a href="#" class="button pink flat">Pink</a>
Magenta <a href="#" class="button magenta flat">Magenta</a>
Yellow <a href="#" class="button yellow flat">Yellow</a>

Button Variants

Button Usage
Small <a href="#" class="button small red">Small</a>
Medium <a href="#" class="button medium green">Medium</a>
Large <a href="#" class="button large blue">Large</a>
Rounded <a href="#" class="button rounded pink">Rounded</a>

Note Don't forget, you can mix and match the buttons. Large pink rounded, small blue flat, medium green flat rounded....the choice is yours!