.popup {
  width:100%;
  height:100%;
  background: rgba(0,0,0,0.8);
  position:fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  transition: .1s ease;
}


 .popup.ok {
   opacity: 0;
   visibility: hidden;
   z-index: -1;
 }

.popup-inner {
  max-width: 500px;
  width:95%;
  padding: 20px;
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  background-color:#fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.popup-inner p {
  padding-bottom: 20px;
}