.button{position:relative;display:inline-block;padding:.618rem 1.618rem;cursor:pointer;color:#fff;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.9);background:#434343;border:1px solid #242424;border-radius:4px;box-shadow:0 1px 0 rgba(255,255,255,.25),0 1px 0 rgba(255,255,255,.25) inset,0 0 0 rgba(0,0,0,.5) inset,0 1.25rem 0 rgba(255,255,255,.08) inset,0 -1.25rem 1.25rem rgba(0,0,0,.3) inset,0 1.25rem 1.25rem rgba(255,255,255,.1) inset;transition:.2s linear;text-align:center;text-decoration:none;margin:.618rem}.button:focus,.button:hover{text-decoration:none;box-shadow:0 2px 5px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.25) inset,0 0 0 rgba(0,0,0,.25) inset,0 20px 0 rgba(255,255,255,.03) inset,0 -20px 20px rgba(0,0,0,.15) inset,0 20px 20px rgba(255,255,255,.05) inset}.button:active{box-shadow:0 1px 0 rgba(255,255,255,.25),0 1px 0 rgba(255,255,255,0) inset,0 0 5px rgba(0,0,0,.5) inset,0 20px 0 rgba(255,255,255,.03) inset,0 -20px 20px rgba(0,0,0,.15) inset,0 20px 20px rgba(255,255,255,.05) inset}.button::before{content:"";display:block;position:absolute;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,#fff 50%,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(50%,#fff),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,#fff 50%,rgba(255,255,255,0) 100%);background:linear-gradient(left,rgba(255,255,255,0) 0,#fff 50%,rgba(255,255,255,0) 100%);padding:x 12px;top:0;left:15%;height:1px;width:40%;box-shadow:0 1px 5px rgba(255,255,255,.2);transition:.3s ease-in-out}.button:active::before{opacity:0}.button:hover::before{left:45%}