@font-face {
  font-family: 'Google Sans';
  src: url('google-sans-500.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.google-acesso { margin: 22px 0 18px; }
.google-botao {
  appearance: none; display: flex; align-items: center; justify-content: center;
  gap: 10px; min-height: 42px; padding: 10px 12px; width: 100%;
  background: #fff; color: #1f1f1f; border: 1px solid #747775; border-radius: 8px;
  font-family: 'Google Sans', Arial, sans-serif; font-weight: 500; font-size: 14px;
  line-height: 20px; cursor: pointer; transition: box-shadow .15s, background .15s;
}
.google-botao img { width: 20px; height: 20px; object-fit: contain; flex: 0 0 20px; }
.google-botao:hover:not(:disabled) { background: #f8faff; box-shadow: 0 1px 3px #1f1f1f24; }
.google-botao:focus-visible { outline: 3px solid #4285f4; outline-offset: 3px; }
.google-botao:disabled { cursor: not-allowed; opacity: .65; }
.google-separador { display: flex; align-items: center; gap: 12px; margin: 18px 0 0; color: var(--muted, #85827c); font-size: 11px; }
.google-separador::before, .google-separador::after { content: ''; height: 1px; background: currentColor; opacity: .25; flex: 1; }
.google-pendente { margin: 10px 0; font-size: 12px; line-height: 1.55; color: inherit; opacity: .75; }
.google-conta .google-botao { width: fit-content; max-width: 100%; }
.google-previa { display: block; margin-top: 15px; font-size: 12px; text-align: center; }