/* Colored Google sign-in button. Targets the Wasp OAuth <a>; !important
   overrides Wasp's Stitches styles. Loaded via a <link> in index.html. */
a[href*="auth/google/login"] {
  background-color: #ffffff !important;
  border: 1px solid #dadce0 !important;
  color: #3c4043 !important;
  align-items: center !important;
}
a[href*="auth/google/login"]:hover {
  background-color: #f8f9fa !important;
}
a[href*="auth/google/login"] svg {
  display: none !important;
}
a[href*="auth/google/login"]::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background-image: url("/google-g.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}