.calendar {
  position: relative;
  margin-top: 1rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
}

.calendar__modal {
  position: absolute;
  top: 1.7rem;
  width: 12rem;
  padding: .3rem;
  display: none;
  border: 1px solid #1764e2;
  box-shadow: 0 0 8px 0 rgba(69, 73, 91, 0.2);
  text-align: center;
  background-color: #fff;
}

.calendar__link {
  letter-spacing: 0.04rem;
  font-size: 0.75rem;
  text-decoration: none;
  text-transform: none;
  color: #1764e2;
}

.calendar__link:hover, .calendar__link:focus {
  text-decoration: underline;
}