.card {
  background: var(--color-cream);
  border: 1px solid var(--color-bone-deep);
  border-radius: var(--border-radius-base);
  width: 100%;
  box-sizing: border-box;
  transition: var(--transition-base);
}

.card .card__body {
  padding: 0.625rem 0.75rem;
}

.card .card__footer {
  border-top: 1px solid var(--color-bone-deep);
  padding: 0.5rem 0.75rem;
}

.card:hover {
  box-shadow: var(--box-shadow-base);
}