Что за новые, модные кнопки?

<button type="button" name="" value="" class="bbcodes">Кнопка 1</button>
<input type="button" value="Кнопка 2" class="bbcodes"/>
<span class="bbcodes">Кнопка 3</span>
<a href="#" class="bbcodes" style="color:#fff" >Кнопка 4</a>

<style>
.bbcodes, .bbcodes_poll {font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#fff;padding:3px 7px;background:-o-linear-gradient(top,#82a4b8 0,#7999ab);background:-moz-linear-gradient(top,#82a4b8 0,#7999ab);background:-webkit-gradient(linear, left top, left bottom, from(#82a4b8),to(#7999ab));border-radius:4px;border:1px solid #708d9e;box-shadow:0 1px 3px rgba(18,6,18,0.3),inset 0 -1px 0 rgba(85,107,120,0.9);cursor:pointer}
.bbcodes:hover, .bbcodes_poll:hover {background:-o-linear-gradient(top,#7999ab 0,#6c94ab);background:-moz-linear-gradient(top,#7999ab 0,#6c94ab);background:-webkit-gradient(linear, left top, left bottom, from(#7999ab),to(#6c94ab))}
.bbcodes:active, .bbcodes_poll:active {background:-o-linear-gradient(top,#6c94ab 0,#648a9f);background:-moz-linear-gradient(top,#6c94ab 0,#648a9f);background:-webkit-gradient(linear, left top, left bottom, from(#6c94ab),to(#648a9f))}
</style>