Pure CSS Button

[Mocha]

Just got done writing this I personally think it looks pretty hawt ;E Thought I would share.



.button{
font-size: 12px;
font-style: bold;
display: inline-block;
list-style: none;
padding: 10px;
color: #fff;
width: 20px;
margin: 3px;
text-decoration: none;
background-color: #2d3232;
display: block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #141515;
-moz-box-shadow: inset 0 0 1px #404444;
-webkit-box-shadow: inset 0 0 1px #404444;
box-shadow: inner 0 0 1px #404444;
text-shadow: 1px 0 0 #151717;
}

.button:hover{
background-color: #353a3a;
-moz-box-shadow: inset 0 0 1px #6c7070;
-webkit-box-shadow: inset 0 0 1px #6c7070;
box-shadow: inner 0 0 1px #6c7070;
}