.popup-container {
    padding-top: 15%;
    left: 10%;
    position: absolute;
    display: hidden;
    max-width: 31.25rem;
    z-index: 2;
}

.popup-body {
    max-width: 31.25rem;
}

.popup-container .popup-body img {
    width: 100%;
}

.popup-footer {
    display: flex;
    align-items: center;
    gap: 20rem;
    height: 1.563rem;
    margin-top: -0.27rem;
    width: 100%;
    background: #d6d6d6;
}

.popup-footer .today-close {
    width: 9rem;
    cursor: pointer;
    padding-left: 0.25rem;
}

.popup-footer .close {
    cursor: pointer;
    padding-right: 0.25rem;
}

@media screen and (max-width: 767px) {
    .popup-container {
        padding-top: 0;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .popup-body {
        max-width: 20rem;
    }

    .popup-footer {
        gap: 7rem;
    }
}