.recipe-card--header {
  margin-top: var(--gap);
}

.recipe-card--header {
  margin-bottom: 1rem;
}

.recipe-card--footer {
  margin-top: 1rem;
}