.summary-cards {
  display: grid;
  grid-template-columns:repeat(3, 1fr);
  gap: 1.5rem;
}
.summary-cards .card {
  padding: 2rem;
  border: 1px solid var(--color-gray-200);
  background-color: #fff;
  border-radius: 1rem;
}
.summary-cards .card .title {
  margin-block-end: 0.5rem;
}
.summary-cards .card .money {
  margin-block-end: 0.5rem;
}
.summary-cards .card .change.up {
  color: var(--color-green-600);
}
.summary-cards .card .change.down {
  color: var(--color-red-600);
}
.summary-cards .card .change i {
  margin-inline-end: 0.25rem;
}
.summary-cards .card .change span {
  line-height: 0;
  width: fit-content;
  height: auto;
}