THE INCREDIBLE BRUSHED METAL ELECTRIC BUTTON

HTML

<link rel="stylesheet" href="http://jamesrossini.com/fonts/pictos/import.css">
<script src="http://fonts.googleapis.com/css?family=Arvo"></script>
<div class="button">e</div>

CSS

body, html {
    min-width: 900px;
    height: 100%;
}
body {
    background: #1D2329;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
    background-image:  -khtml-linear-gradient(left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
    background-image:         linear-gradient(left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
    background-position: 40% 50%;
    background-size: 2px 2px;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.top, .top a {
    font-family: 'Arvo', serif;
    color: #465B86;
    text-shadow: #000 0px 1px 1px;
    text-decoration: none;
}
.title {
    font-family: 'Arvo', serif;
    display: block;
    font-size: 80px;
    text-align: center;
    width: 800px;
    margin: 40px auto;
    padding: 20px;
    padding-bottom: 80px;
    color: #fff;
    text-shadow: #fff 0px 0px 20px, #000 0px 10px 10px;
    background: rgba(0,0,0,0.25);
    border-radius: 30px;
    box-shadow: inset rgba(0,0,0,0.2) 0px 10px 10px, rgba(255,255,255,0.05) 0px 0px 15px;
}
.title:after {
    content: "";
    display: block;
    border: 20px solid rgba(0,0,0,0.0);
    border-top-color: rgba(0,0,0,0.4);
    width: 0px;
    position: relative;
    margin: auto;
    margin-bottom: -120px;
}

.button, .button:before, .button:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 35px;
}

.button {
...