.popup_contener {
    display: none;
    position: fixed;
    top: 10vh;
    left: 20vw;
    padding: 2vw;

    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;

    width: 50vw;
    height: 70vh;
    background-color: var(--Cor_Segundaria_5_1);
    box-shadow: 10px 10px 0px var(--Cor_Segundaria_5_2);
    animation: surgirpopupcenter 0.5s ease;
}

@keyframes surgirpopupcenter {
    to {
        opacity: 1;
        transform: scale(1);

    }

    from {
        opacity: 0;
        transform: scale(0);
    }

}

.colun_1 {
    width: 50vw;
    height: 8vh;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: start;
}

.colun_1 button {
    background: none;
    border: none;
    outline: none;

    width: 8vw;
    height: 5vh;
    background-color: #c6c6c6;
    box-shadow: 5px 5px 0px #9a9a9a;
    font-size: 1vw;
    color: var(--Matriz);
    transition: 1s ease;
}

.colun_1 button:hover {
    background-color: var(--Cor_Segundaria_2_1);
    box-shadow: -5px 5px 0px var(--Cor_Segundaria_2_2);
}

.colun_2 {
    width: 50vw;
    height: 62vh;

    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    overflow: hidden;
}