Clean Buttons

HTML

<button></button>
<button class="round"></button>
<button>Submit</button>
<button class="round">Submit</button>
<button>OK</button>
<button class="round">OK</button>
<button>Really Fucking Long Text for a Button</button>
<button class="round">Really Fucking Long Text for a Button</button>

CSS

body{
    padding:50px;
    background:#e7edf5;
}

button{
    display:block;
    margin:10px;
}

/* Copy Styles Below */


button{
    min-width:32px;
    height:32px;
    
    background-color: #f8fafb;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8fafb), to(#d9e0ea)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #f8fafb, #d9e0ea); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #f8fafb, #d9e0ea); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #f8fafb, #d9e0ea); /* IE10 */
    background-image:      -o-linear-gradient(top, #f8fafb, #d9e0ea); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #f8fafb, #d9e0ea);
    
    border:1px solid #a2a6ac;
    
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2), 0 0 3px rgba(255,255,255,0.6) inset, 0 -1px -1px rgba(255,255,255,1) inset;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2), 0 0 3px rgba(255,255,255,0.6) inset, 0 -1px -1px rgba(255,255,255,1) inset;
    box-shadow: 0 1px 1px rgba(0,0,0,0.2), 0 0 3px rgba(255,255,255,0.6) inset, 0 -1px -1px rgba(255,255,255,1) inset;
    
    cursor:pointer;
    
    color:#666;
    text-shadow:0 1px 0 #fff;
}

button:hover{
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#edf1f7)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #ffffff, #edf1f7); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #ffffff, #edf1f7); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #ffffff, #edf1f7); /* IE10 */
    background-image:      -o-linear-gradient(top, #ffffff, #edf1f7); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #ffffff, #edf1f7);
    border-color:#888;
}
button:active{
    background-color: #ffffff;
    border-color: #666;
    -webkit-box-shadow: 0 0 100px rgba(0,0,0,0.8) inset, 0 1px 0 #fff;
  ...