/* Cloudflare Turnstile widget on the public forms. Invisible for most
   visitors, so each rule only adds space once the widget is shown. */

/* Cloudflare's check, full width like the fields above it. The widget is
   invisible for most visitors, so the space is only added once it shows
   (the class comes from the callback in contact.html). */
.contact-form .cf-turnstile.is-visible {
  margin-top: 1.25rem;
}

/* Cloudflare's check, as wide as the field. It is invisible for most visitors,
   and a grid row would still take its gap, so until it shows it is taken out
   of the grid (the class comes from the callback in the packages partial). */
.certificate-interest-modal__form {
  position: relative;
}

.certificate-interest-modal__form .cf-turnstile {
  position: absolute;
  width: 100%;
}

.certificate-interest-modal__form .cf-turnstile.is-visible {
  position: static;
  margin: 0.3rem 0 0.2rem;
}