/* Alleen voor het formulierenoverzicht.
   De algemene .card + .card-marge is bedoeld voor verticaal gestapelde kaarten,
   niet voor kaarten binnen een CSS-grid. */
.card-grid {
  align-items: stretch;
}

.card-grid .card + .card {
  margin-top: 0;
}

.check-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.check-card .primary-button {
  margin-top: auto;
  align-self: flex-start;
}

@media (hover: hover) {
  .check-card:hover {
    transform: translateY(-2px);
    border-color: rgba(0, 143, 90, .45);
    box-shadow: 0 18px 46px rgba(6, 63, 42, .14);
  }
}

/* Op smalle schermen is iedere kaart een eigen rij; geen kunstmatige hoogte. */
@media (max-width: 639px) {
  .check-card {
    height: auto;
  }
}