.calendar-picker {
  display: grid;
  grid-template-columns: minmax(4.75rem, .45fr) minmax(8rem, 1fr) minmax(5.75rem, .55fr);
  gap: .75rem;
  width: 100%;
}

.calendar-picker__unit {
  display: grid;
  gap: .35rem;
  min-width: 0;
}

.calendar-picker__unit label {
  margin: 0;
  font-weight: 700;
}

.calendar-picker__select {
  width: 100%;
  min-height: 2.75rem;
}

@media (max-width: 640px) {
  .calendar-picker {
    grid-template-columns: 1fr;
  }
}