.brunch-source {
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 25px;
  align-items: center;
  margin: 35px 0;
  padding: 25px;
  border: 1px solid var(--ink);
  border-radius: var(--radius);
  background: var(--celery);
  box-shadow: 7px 7px 0 var(--butter);
}
.brunch-source h3 { margin: .2rem 0 1rem; font: 700 1.8rem var(--serif); }
.brunch-source dl { margin: 0; }
.brunch-source dl div { display: flex; gap: 18px; padding: 5px 0; }
.brunch-source dt { min-width: 85px; font-weight: 700; }
.brunch-source dd { margin: 0; }
.brunch-source > div:last-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.brunch-source .source-link {
  color: var(--tomato-dark);
  font-weight: 700;
  text-decoration: underline;
}
.brunch-source small { color: var(--muted); }
@media (max-width: 600px) {
  .brunch-source { grid-template-columns: 1fr; }
  .brunch-source .button { width: 100%; }
}