.popup-win {
    width: 400px;
    background: #fff;
    border-radius: 6px;
    position: relative;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.1);
    text-align: center;
    padding: 0 30px 30px;
    color: #333;
    visibility: hidden;
    transition: transform 0.4s, top 0.4s;
}

.popup_open {
    visibility: visible;
    top: 50%;
    transform: translate(-50%, -450%) scale(1);
}

.button1 {
    width: 50px;
    border: 2px solid black;
    padding-left: 5px; 
    margin-left: 5px;
    margin-bottom: 5px;
    background: white;
}

.button1:hover {
    background-color: #dce5e0;
    border: 2px solid red;
}

button:focus{
    background-color: #dce5e0;
    border: 2px solid red;
    
}

button:active {
    background-color: #dce5e0;
    border: 2px solid red;
}