.btn{background-color:#2ecc71;border-radius:3px;border-width:0;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.6);box-shadow:0 1px 4px rgba(0,0,0,.6);color:#ecf0f1;display:block;font-size:12px;height:12px;line-height:12px;outline:0;overflow:hidden;padding:5px;position:relative;-webkit-transition:background-color .3s;transition:background-color .3s;width:100px}.btn:focus,.btn:hover{background-color:#27ae60}.btn>*{position:relative}.btn span{display:block;padding:12px 24px}.btn:before{background-color:rgba(236,240,241,.3);border-radius:100%;content:"";display:block;left:50%;padding-top:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:0}.btn:active:before{padding-top:120%;-webkit-transition:width .2s ease-out,padding-top .2s ease-out;transition:width .2s ease-out,padding-top .2s ease-out;width:120%}.btn.blue{background-color:#3d5afe}.btn.orange{background-color:#e67e22}.btn.orange:focus,.btn.orange:hover{background-color:#d35400}.btn.red{background-color:#e74c3c}.btn.red:focus,.btn.red:hover{background-color:#c0392b}