@charset "UTF-8";

:root {
  --google-base-bgcolor: #fff;
  --google-hover-bgcolor: rgba(48, 48, 48, 0.08);
  --google-base-bordercolor: #747775;
  --google-base-fontcolor: ##1f1f1f;
}

/* ── Sigh in with Google ───────────────── */

.google-btn {
  background-color: var(--google-base-bgcolor);
  color: var(--google-base-fontcolor);
  border: var(--google-base-bordercolor) 1px solid;
  height: 40px;
}

.google-btn:hover {
  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
  background-color: var(--google-hover-bgcolor);
}

.google-icon {
  display: inline-block;
  height: 20px;
  min-width: 20px;
  width: 20px;
  margin-right: 1px;
}

.google-label {
  font-size: 14px;
  letter-spacing: 0.25px;
  font-family: 'Roboto', arial, sans-serif;
  font-weight: 500;
}