.react-calendar {
  width: 300px;
  font-size: 14px;
  border: none;
}
.react-calendar__tile--now {
  background: var(--accent);
  color: white;
}
.react-calendar__tile--now:enabled:hover,
.react-calendar__tile--now:enabled:focus {
  background-color: var(--primary);
  color: white;
}
.react-calendar__tile--active {
  background-color: var(--primary);
}
.react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
  background-color: var(--primary);
}