/* Styles copied from the Mappindo app. */
.mappindo-button {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 16px; font-weight: 700; line-height: 1.65;
  display: inline-flex; align-items: center; justify-content: center;
  gap: 12px; padding: 13px 22px; min-height: 48px; cursor: pointer;
  color: #142b29; border: 0; border-radius: 16px;
  background: radial-gradient(ellipse at 22% 12%, #dffffacc, transparent 55%), radial-gradient(ellipse at 92% 88%, #a2fff2a6, transparent 52%), linear-gradient(115deg, #00b5d0, #00ccd4 52%, #23e2db);
  box-shadow: 0 5px 18px rgb(0 198 209 / 18%);
  background-size: 160% 100%; background-repeat: no-repeat; background-position: 0% 50%;
  transition: background-position 750ms cubic-bezier(.2,0,0,1), box-shadow 350ms cubic-bezier(.2,0,0,1), filter 200ms cubic-bezier(.2,0,0,1);
}
.mappindo-button:hover { background-position: 100% 50%; box-shadow: 0 5px 22px rgb(0 198 209 / 25%); }
.mappindo-button:active { background: linear-gradient(115deg,#00b7cf,#00c9d0 55%,#1bd8d3); background-position:70% 50%; box-shadow:none; filter:brightness(.97); }
.mappindo-button:focus-visible { outline:2px solid #008ba6; outline-offset:4px; box-shadow:0 5px 22px rgb(0 198 209 / 25%); background-position:100% 50%; }
.mappindo-button:disabled { background:#f5f7f8; color:#536168; opacity:1; box-shadow:none; cursor:not-allowed; }
.mappindo-button-secondary { background:#fff; color:#007e9e; border:1px solid #dce3e6; border-radius:8px; }
.mappindo-button-secondary:hover { background:#effbfc; border-color:#007e9e; }
@media(prefers-reduced-motion:reduce) { .mappindo-button { transition:none; transform:none; } }