.receipt {
  display: grid;
  gap: var(--Space-x2);
}

.heading {
  color: var(--Text-Default);
}

.dates {
  display: flex;
  align-items: center;
  gap: var(--Space-x1);
  justify-content: flex-start;
  color: var(--Text-Brand-OnAccent-Accent-Secondary);
}

@media screen and (min-width: 1367px) {
  .receipt {
    padding: var(--Space-x3);
  }
}