.date-tag {
  height: 2em;
  width: 2em;
  cursor: pointer;
}

.month-tag {
  height: 2em;
  width: 6em;
  cursor: pointer;
}

.month-tag:hover {
  background-color: rgb(219, 112, 112) !important;
  color: white !important;
}

.date-tag:not(.is-selected):hover {
  background-color: rgb(219, 112, 112) !important;
  color: white !important;
}

.is-selected {
  background-color: rgb(86, 21, 21) !important;
  color: white !important;
}

.out-range {
  background-color: white;
  color: #7a7a7a;
}

.out-range:hover {
  background-color: #;
  color: #7a7a7a;
}