@import url(https://fonts.googleapis.com/css?family=Roboto:500); .facebook-btn { border: 1px solid transparent; margin: 10px; display: inline-block; width: 240px; height: 50px; background-color: #4285f4; color: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25); text-transform: inherit !important; transition: background-color .218s, border-color .218s, box-shadow .218s; font-family: 'Roboto', sans-serif !important; font-size: 16px; vertical-align: middle; border: none; display: inline-block; text-align: center; } .mb-0{ margin-bottom: 0px !important; } .g-sign-in-button { border: 1px solid transparent; margin: 10px; display: inline-block; width: 240px; height: 50px; background-color: #4285f4; color: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25); transition: background-color .218s, border-color .218s, box-shadow .218s; } .g-sign-in-button:hover { cursor: pointer; -webkit-box-shadow: 0 0 3px 3px rgba(66, 133, 244, .3); box-shadow: 0 0 3px 3px rgba(66, 133, 244, .3); color: #fff !important; } .g-sign-in-button:active { background-color: #3367D6; transition: background-color .2s; } .g-sign-in-button .content-wrapper { height: 100%; width: 100%; } .g-sign-in-button img { width: 18px; height: 18px; } .g-sign-in-button .logo-wrapper { background-color: #fff; border-radius: 1px; padding: 15px; width: 50px; height: 100%; display: inline-block; } .g-sign-in-button .text-container { letter-spacing: .21px; /* Use the Roboto font that is loaded in the */ font-family: 'Roboto', sans-serif !important; font-size: 16px; line-height: 48px; vertical-align: middle; border: none; display: inline-block; text-align: center; width: 180px; height: 58px; } .text-white:hover { color: #fff; }