@import "../properties.css";

.dates {
  display: flex;
  font-family: var(--font-family-noto-sans);
  color: var(--color-default);
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}

.date {
  margin-right: 16px;
  margin-left: 16px;
}

.label {
  font-size: 12px;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--color-grey-200);
}

.weekDay {
  font-size: 28px;
  font-weight: bold;
}

.dayAndMonth {
  font-size: 16px;
  text-transform: capitalize;
}

.dates svg {
  fill: var(--color-success);
  width: 12px;
}