.card {
  padding: 2rem;
  border-radius: 20px;
  background: var(--bg);
  height: 100%;
  display: flex;
  gap: 2rem 10rem;
  flex-wrap: wrap;
}
.card.align-center {
  align-items: center;
}
.card-content {
  flex: 1 1 400px;
}
.card .button {
  flex: 0 1 100px;
  min-width: fit-content;
  background: var(--navy);
  border: none;
}
.card .button:hover {
  background: var(--teal-dark-hover);
}
.card > *:first-child {
  margin-top: 0;
}
.card > *:last-child {
  margin-bottom: 0;
}