#customBtnGglLogin { display: inline-block; background: #1a73e8; color: #444; width: 190px; border-radius: 5px; border: thin solid #888; box-shadow: 1px 1px 1px grey; white-space: nowrap; display: none; } #customBtnGglLogin:hover, #samlGglLogout:hover { cursor: pointer; } #samlGglLogout { display: block; background: url('https://developers.google.com/identity/sign-in/g-normal.png') #1a73e8 5px 50% no-repeat; width: 190px; height: 45px; border-radius: 5px; color: #FFF; } span.label { font-family: serif; font-weight: normal; } span.icon { background: url('https://developers.google.com/identity/sign-in/g-normal.png') transparent 5px 50% no-repeat; display: inline-block; vertical-align: middle; width: 42px; height: 42px; } span.buttonText { display: inline-block; vertical-align: middle; font-size: 13px; padding: auto; width: 137px; margin: auto; text-align: center; color: #FFF; font-weight: bold; /* Use the Roboto font that is loaded in the */ font-family: 'Roboto', sans-serif; } #samlGglLogout span.buttonText { margin: 15px auto auto 45px; } div#gglProfileDtls { text-align: center; display: none; }