/* « Continuer avec Google » (google-signin.js) : bouton du site et des applications Android, séparateur « ou »,
 * choix de la société. */
:root {
  --c-g-white: #ffffff;
  --c-g-border: #747775;
  --c-g-text: #1f1f1f;
  --c-g-blue: #4285f4;
  --c-g-muted: #8a8f98;
}
.google-zone,
.cg-zone {
  display: grid;
  justify-items: center;
  gap: 10px;
  margin-top: 14px;
}
.google-or,
.cg-or {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 0;
  color: var(--c-g-muted);
  font-size: 0.9em;
}
.google-or::before,
.google-or::after,
.cg-or::before,
.cg-or::after {
  content: '';
  flex: 1;
  border-top: 1px solid currentColor;
  opacity: 0.4;
}
.g-native,
#auth-zone button.g-native {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 220px;
  min-height: 44px;
  padding: 0 18px;
  border: 1px solid var(--c-g-border);
  border-radius: 999px;
  background: var(--c-g-white);
  color: var(--c-g-text);
  font:
    500 15px/1 system-ui,
    sans-serif;
}
.g-native:disabled,
#auth-zone button.g-native:disabled {
  opacity: 0.6;
}
.g-logo {
  color: var(--c-g-blue);
  font-weight: 700;
  font-size: 18px;
}
.google-choices {
  display: grid;
  gap: 8px;
  width: 100%;
}
