.calenderElement,
.rdrMonthAndYearWrapper,
.rdrMonths,
.rdrMonth {
  @apply !w-full;
}

.rdrSelected {
  @apply !bg-primary-pink;
}
.rdrSelected ~ .rdrDayNumber span {
  @apply !text-white;
}

.rdrSelected ~ .rdrDayNumber span::after {
  @apply !bg-transparent;
}

.rdrMonthAndYearPickers {
  color: #e6275d;
  font-weight: bold;
  font-size: 16px;
}

.rdrWeekDay {
  margin: 5px;
  @apply !text-black;
  font-weight: bolder !important;
}

.rdrDayNumber span {
  font-weight: bold;
}

.rdrDayDisabled {
  @apply !bg-transparent;
}

.rdrCalendarWrapper {
  @apply max-w-xs;
}

.rdrNextPrevButton {
  @apply !bg-transparent;
}