/* Google and Apple sign-in buttons on the sign-in and sign-up pages. */
.sa-row { display: grid; gap: 10px; margin-bottom: 16px; }
.sa-btn {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 50px; padding: 0 16px; border-radius: 14px;
  border: 1.5px solid #DDE5E0; background: #fff; color: #111B17;
  font: inherit; font-size: 15px; font-weight: 700; text-decoration: none;
  -webkit-tap-highlight-color: transparent; transition: background-color .15s ease, border-color .15s ease;
}
.sa-btn:hover { background: #F7FAF8; border-color: #C9D6CE; }
.sa-btn:active { transform: translateY(1px); }
.sa-btn:focus-visible { outline: 3px solid rgba(22, 163, 74, .35); outline-offset: 2px; }
.sa-btn svg { flex: 0 0 auto; }
.sa-apple { background: #000; border-color: #000; color: #fff; }
.sa-apple:hover { background: #1d1d1f; border-color: #1d1d1f; }
.sa-divider { display: flex; align-items: center; gap: 12px; margin: 4px 0 18px; color: #667085; font-size: 13px; }
.sa-divider::before, .sa-divider::after { content: ""; flex: 1; height: 1px; background: #DDE5E0; }
@media (prefers-reduced-motion: reduce) { .sa-btn { transition: none; } }