/* One CTA treatment shared by the homepage and Readme. */
.waitlist.waitlist--figma {
  width: 255px;
  height: 56px;
  border: 1.829px solid #061027;
  background: #c8ff00;
  color: #061027;
  box-shadow: 0 24px 38px rgba(6, 16, 39, 0.1);
}

.waitlist--figma .waitlist__open {
  font-family: var(--font-sans);
  font-size: 31.086px;
  font-weight: normal;
  letter-spacing: -0.04em;
  line-height: 0.9;
  text-transform: none;
}

.waitlist.waitlist--figma[data-state="open"],
.waitlist.waitlist--figma[data-state="sending"],
.waitlist.waitlist--figma[data-state="error"] {
  width: min(500px, calc(100vw - 40px));
  background: white;
}

.waitlist--figma .waitlist__fields {
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
}

@media (max-width: 700px) {
  .waitlist--figma .waitlist__fields { gap: 8px; padding-left: 18px; }
  .waitlist--figma .waitlist__email {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.02em;
    text-transform: none;
  }
  .waitlist--figma .waitlist__submit { padding-inline: 16px; letter-spacing: 0.04em; }
  .waitlist--figma .waitlist__done { font-size: 13px; letter-spacing: 0.06em; }
}