.popup-overlay {
    visibility:hidden;
    position:absolute;
    z-index: 1; 
    top: 5%;
    left: 5%;
}

.popup-content {
    visibility:hidden;
    border-radius: 7px;       
    border: solid 2px #333;  
    background: #efbab8;  
    padding: 50px;                              
}

.popup-overlay.active{
    visibility:visible;
}

.popup-content.active {
    visibility:visible;
}

.popup-content  button {
    width: 20%;
    cursor: pointer;  
    margin-top:15px;                                                             
}

.button-middle {
   margin-left: 15px;
   margin-right: 15px;                                                         
}

.popup-overlay .close { 
    position: absolute; 
    top: 20px; 
    right: 30px; 
    font-size: 25px;
    height: 30px;
    width: 30px; 
    font-weight: bold; 
    text-decoration: none; 
    text-align: center;
    color: #fff; 
    background: #050505;
}