.events {
  position: relative;
}
.events button {
  cursor: pointer;
}
.events__modal {
  position: relative;
  margin: 20px auto 40px auto;
}
.events__modal button::before {
  content: attr(state-on);
}
.events__modal--on button::before {
  content: attr(state-off);
}
.events .events__calendar {
  visibility: hidden;
  position: absolute;
  top: 5rem;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.events__modal--on .events__calendar {
  visibility: visible;
  z-index: 2;
}