.calendar-day-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:8px;
}

.calendar-day-header .calendar-day-number{
  margin-bottom:0;
}

.calendar-add-event{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  border-radius:50%;
  text-decoration:none;
  font-weight:900;
  font-size:1.05rem;
  line-height:1;
  color:var(--navy);
  background:#f7efd9;
  border:1px solid #d9c89f;
}

.calendar-add-event:hover{
  color:#fff;
  background:var(--orange);
  border-color:var(--orange);
}

@media(max-width:720px){
  .calendar-day-header{
    display:flex;
    width:100%;
  }

  .calendar-day-header .calendar-day-number{
    width:auto;
  }

  .calendar-add-event{
    width:28px;
    height:28px;
  }
}