body{padding:2em}.loginBtn{box-sizing:border-box;position:relative;margin:.2em;padding:0 15px 0 46px;border:none;text-align:left;line-height:34px;white-space:nowrap;border-radius:.2em;font-size:16px;color:#fff;width:55%}.loginBtn:before{content:"";box-sizing:border-box;position:absolute;top:0;left:0;width:34px;height:100%}.loginBtn:focus{outline:none}.loginBtn:active{box-shadow:inset 0 0 0 32px rgba(0,0,0,.1)}.loginBtn--Facebook{background-color:#4c69ba;background-image:linear-gradient(#4C69BA,#3B55A0);text-shadow:0 -1px 0 #354c8c}.loginBtn--Facebook:before{border-right:#364e92 1px solid;background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_facebook.png) 6px 6px no-repeat}.loginBtn--Facebook:hover,.loginBtn--Facebook:focus{background-color:#5b7bd5;background-image:linear-gradient(#5B7BD5,#4864B1)}.loginBtn--Google{background:#dd4b39}.loginBtn--Google:before{border-right:#bb3f30 1px solid;background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_google.png) 6px 6px no-repeat}.loginBtn--Google:hover,.loginBtn--Google:focus{background:#e74b37}.loginBtn--Twitter{background:#1bb2e9}.loginBtn--Twitter:before{border-right:#1bb2e9 1px solid;background:url(https://i.imgur.com/sO5Y2aG.png) 6px 6px no-repeat}.loginBtn--Twitter:hover,.loginBtn--Twitter:focus{background:#1b8eb8}