@charset "utf-8";

.hidden { display: none; }

.close-btn { cursor: pointer; }

.popup { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; z-index: 9999; }

.popup-content { background: rgb(255, 255, 255); padding: 66px 55px; border-radius: 10px; text-align: center; max-width: 90%; font-size: 18px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px; position: relative; }

.popup button { margin-top: 15px; background-color: rgb(40, 167, 69); color: white; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 10px 18px; font-size: 16px; border-radius: 6px; cursor: pointer; width: 80%; }

.popup .close-btn { position: absolute; top: 8px; right: 12px; font-size: 24px; cursor: pointer; color: rgb(153, 153, 153); }

.hidden { display: none; }

@media screen and (max-width: 991px) {
  .popup-content { padding: 44px 25px; max-width: 70%; }
  .popup button { width: 96%; }
}