/*
 * Kaart van de proefversie "bestellen via API v2" op de startpagina (Views/PublicSubscription/Index.cshtml, launcher): los van
 * de twee .launch-card's. Handgeschreven, naast site.css. De proefpagina's zelf (/abonneren/proef) gebruiken dit bestand niet
 * meer: hun stijl staat in de Tailwind-build (PublicSites/Subscription/src/styles/components/proef.css, ook de badge .proef-badge).
 */
.launch-trial {
  max-width: 62rem;
  margin-top: 1.25rem;
  animation: fade-up 1s var(--ease-out-expo) 0.5s backwards;
}

.launch-trial__card {
  display: grid;
  gap: 1rem;
  padding: clamp(1.5rem, 1.1rem + 2vw, 2.5rem);
  border: 2px dashed var(--color-orange-700);
  border-radius: var(--radius-card);
  background: var(--color-white);
  color: var(--color-green-900);
  box-shadow: var(--shadow-soft);
}

.launch-trial__card .proef-badge {
  justify-self: start;
  margin-bottom: 0;
}

.launch-trial__title {
  font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.75rem);
  line-height: 0.95;
  overflow-wrap: anywhere;
}

.launch-trial__text {
  color: var(--color-green-700);
}

.launch-trial__links {
  display: grid;
  gap: 0.875rem;
}

.launch-trial__links .btn {
  width: 100%;
}