.date-preview {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 9px;
  color: #16372e;
  background: radial-gradient(circle at 50% 34%, #fbfff8, #e8f2e8 63%, #d9e8dc);
}

.date-kicker {
  color: #658077;
  font-size: 7px;
  font-weight: 700;
  letter-spacing: .18em;
}

.date-title {
  font-size: 26px;
  line-height: 1;
  letter-spacing: -.06em;
}

.date-route {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #437065;
  font-size: 10px;
  font-weight: 700;
}

.date-route i {
  width: 27px;
  height: 1px;
  background: #7ea496;
}

.date-version {
  color: #789088;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 7px;
  letter-spacing: .11em;
}

.app-icon.date {
  color: #fff;
  background: #2e6a59;
  font-size: 25px;
}