.popup .overlayPopUp {
  position:fixed;
  top:0px;
  left:0px;
  width:100vw;
  height:100vh;
  background: rgb(0 116 187 / 90%);
  z-index:1000;
  display:none;
}

.popup .contentPopUp {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%) scale(0);
  background:#fff;
  width:95%;
  max-width:600px;
  height:600px;
  z-index:1001;
  text-align:center;
  box-sizing:border-box;
  font-family:"Open Sans",sans-serif;
  border-radius: 40px;
  border: white 10px solid;
}
.popup .close-btn {
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  background: #222;
  color: #fff;
  font-size: 25px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  border: 6px solid white;
  z-index:1002;
}
.popup .close-btn:hover {
  background: #d90d7e;
}
.popup.active .overlayPopUp {
  display:block;
}
.popup .contentPopUp {
  transition:all 300ms ease-in-out;
  transform:translate(-50%,-50%) scale(0);
}
.popup.active .contentPopUp {
  transition:all 300ms ease-in-out;
  transform:translate(-50%,-50%) scale(1);
}
.popup .linkArea {
  position:absolute; width:100%; height: 100%;
}
@media only screen and (max-width : 700px) {
  .popup .contentPopUp {
    max-width:400px;
    height:400px;
  }
}
@media only screen and (max-width : 450px) {
  .popup .contentPopUp {
    max-width:280px;
    height:280px;
  }
}