/* Reset global button styles INSIDE calendar popup */
.popup-wrap button {
  all: unset;                 /* wipes global button styles */
  cursor: pointer;
  line-height: 1;
}

/* Style close button properly */
.popup-wrap .popup-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: transparent;
}

/* Focus style ONLY for accessibility */
.popup-wrap .popup-close:focus {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}

/* Ensure icon does not grow */
.popup-wrap .popup-close i {
  font-size: 1.6rem;
  line-height: 1;
}