div.block-calendar-block div.calendar-container div.month-name {
  text-align: center;
  font-size: 1.5rem;
  text-transform: uppercase;
  width: 100%;
  padding: 15px 45px;
}

div.block-calendar-block div.calendar-container div.navigation-container {
  position: relative;
  display: flex;
  margin: 2%;
}

div.block-calendar-block div.calendar-container button.prev-month {
  border: none;
  background: transparent;
  position: absolute;
  top: 15px;
  left: 0;
}

div.block-calendar-block div.calendar-container button.prev-month::before {
  content: '<';
  font-weight: 900;
  font-size: 25px;
  color: #616475;
}

div.block-calendar-block div.calendar-container button.next-month {
  border: none;
  background: transparent;
  position: absolute;
  top: 15px;
  right: 0;
}

div.block-calendar-block div.calendar-container button.next-month::after {
  content: '>';
  font-weight: 900;
  font-size: 25px;
  color: #616475;
}

div.block-calendar-block div.calendar-container div.week {
  display: flex;
  justify-content: flex-start;
}

div.block-calendar-block div.calendar-container div.calendar-header {
  display: flex;
  justify-content: flex-start;
}

div.block-calendar-block div.calendar-container div.day,
div.block-calendar-block div.calendar-container div.week-day {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% / 7);
}

div.block-calendar-block div.calendar-container div.has-events {
  position: relative;
  background: lightgrey;
}

div.block-calendar-block div.calendar-container div.has-events ul.events-bubble {
  display: none;
  position: absolute;
  z-index: 500;
  text-align: left;
  left: 50%;
  width: 350px;
  background: white;
  border: 1px solid grey;
  top: 100%;
  margin-top: 0;
  transform: translateX(-50%);
}

div.block-calendar-block div.calendar-container div.has-events ul.events-bubble li.event {
  padding: 15px;
}