.gmail-connection {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: -4px 0 14px;
  padding: 13px 14px;
  border: 1px solid #dfc991;
  border-radius: 8px;
  background: #fffaf0;
}
.gmail-connection.is-connected {
  border-color: #54c6d8;
  background: #f4fcfe;
}
.gmail-connection > div:first-child { display: grid; gap: 3px; }
.gmail-connection b { color: #006e82; }
.gmail-connection span,
.gmail-connection small { font-size: 12px; color: var(--muted); }
.gmail-connection .gmail-error { color: #b53636; max-width: 720px; }
.gmail-connection button:disabled { opacity: .6; cursor: wait; }
@media (max-width: 700px) {
  .gmail-connection { align-items: flex-start; flex-direction: column; }
  .gmail-connection .spacer { display: none; }
}