/* Popup */
.popup__custom {
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99997;
}

.popup__custom.popup-age {
  z-index: 99999;
}

.popup-underlay {
  background: rgba(6, 12, 31, 0.66);
  backdrop-filter: blur(4.5px);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.popup-body {
  max-width: calc(100% - 20px);
  position: relative;
  width: 50%;
  padding: 15px;
  z-index: 2;
  box-shadow: 0px 5px 33px 0px rgba(255, 138, 0, 0.6);
  border-radius: 7px;
  /* border: 1px solid #08C9E3; */
  background: linear-gradient(106deg, #101f33 20.75%, #151b2c 92.41%);
}

.popup-body .border {
  background: linear-gradient(86.2deg, #fcd400 0%, #ec9d04 100%);
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  z-index: -1;
  border-radius: 7px;
}

.popup-age .popup-body {
  background-color: #333;
  color: white;
  padding: 20px;
  border-radius: 8px;
  max-width: 600px;
  margin: auto;
  text-align: center;
}

.popup-age .popup-underlay {
  background-color: rgb(2 2 8 / 84%);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.popup-age .title {
  color: #fff;
  margin-bottom: 15px;
}


.popup-age .popup-buttons-cover {
  margin-top: 20px;
}

.popup-age .popup-btns {
  background-color: #072D47;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  margin: 0 5px;
}

.popup-age .popup-btns.age-yes {
  background-color: #EC9D04;
}

.popup-age .popup-btns:hover {
  background-color: #EC9D04;
}

.popup-age .popup-btns.age-yes:hover {
  background-color: #03a55e;
}