.callout {
  background: var(--purple-light);
  color: var(--purple-deep);
  border-radius: var(--radius);
  padding: var(--space-5) var(--space-6);
}
.callout p,
.callout strong {
  color: inherit;
}
.callout > :last-child {
  margin-bottom: 0;
}
.callout-grey {
  background: var(--bg-light);
  color: var(--text);
}
.callout-yellow {
  background: var(--yellow-light);
  border: 1px solid #fde047;
  color: #713f12;
}
.callout-sm {
  border-radius: var(--radius-sm);
  padding: 14px 18px;
  font-size: .94rem;
}