#home-login>.social-login-button,
#auth-gate>.social-login-button{
  box-sizing:border-box;display:grid;grid-template-columns:20px minmax(0,1fr) 20px;
  align-items:center;column-gap:12px;width:100%;min-height:52px;margin:0 0 10px;
  padding:12px 16px;border:1px solid #747775;border-radius:12px;
  background:#fff;color:#1f1f1f;font:500 15px/20px "Google Sans","Segoe UI",Arial,sans-serif;
  text-decoration:none;box-shadow:0 2px 6px #173e6808;cursor:pointer;
  transition:border-color .16s,box-shadow .16s,transform .16s;
}
.social-login-button>.social-login-icon{
  grid-column:1;grid-row:1;display:block;width:20px;height:20px;object-fit:contain;
}
.social-login-button>.social-login-label{
  grid-column:2;grid-row:1;min-width:0;text-align:center;
}
#home-login>.social-login-button:hover:not(:disabled),
#auth-gate>.social-login-button:hover:not(:disabled){
  background:#fff;border-color:#365e82;box-shadow:0 4px 12px #173e6814;transform:translateY(-1px);
}
#home-login>.social-login-button:focus-visible,
#auth-gate>.social-login-button:focus-visible{outline:3px solid #e88a43;outline-offset:3px}
#home-login>.social-login-button:active:not(:disabled),
#auth-gate>.social-login-button:active:not(:disabled){transform:none;box-shadow:0 1px 3px #173e6814}
#home-login>.social-login-button:disabled,
#auth-gate>.social-login-button:disabled{opacity:.55;cursor:default;transform:none;box-shadow:none}
@media(prefers-reduced-motion:reduce){
  #home-login>.social-login-button,#auth-gate>.social-login-button{transition:none}
  #home-login>.social-login-button:hover,#auth-gate>.social-login-button:hover{transform:none}
}