.popup {
    margin: 20px 15px 10px 5px; /* top, right, bottom, left */
}

    .popup ul {
        display: flex; /* Align list items horizontally */
        padding: 0; /* Remove default padding from the ul */
        margin: 0; /* Remove default margin from the ul */
        max-width: 600px; /* Set a maximum width for the ul */
        width: 100%; /* Allow it to take the full width up to the max-width */
        overflow: hidden;
        display: flex;
        justify-content: space-evenly;
    }

        .popup ul li {
            -webkit-box-align: center;
            align-items: center;
            vertical-align: middle;
            font-size: 14px;
            font-weight: 600;
            list-style: none;
            padding: 1.1rem;
            width: 50%;
            /*width: calc(100% - 40px);*/ /* Set width less than the ul (adjust as needed) */
            margin: 0 10px;
            border: solid 1px var(--chakra-colors-blue-400);
            cursor: pointer;
            transition: all 100ms ease;
            min-width: 10.5rem;
            /*  margin: 0px !important;*/
            border-width: 2px;
            display: flex; /* Ensure li is a flex container */
            justify-content: center; /* Center text horizontally */
            align-items: center; /* Center text vertically */
        }

            .popup ul li:not(.selected):hover {
                background: #dafcdb;
                border: 2px solid var(--chakra-colors-semantic-cta-secondary) !important;
            }

            .popup ul li:active {
                background: #dafcdb;
            }

            .popup ul li.selected {
                background: #dafcdb; /* Background color for selected state */
            }

.pop-btn {
    display: flex;
    justify-content: center; /* Center the button horizontally */
    align-items: center; /* Center the button vertically */
    margin-bottom: 2rem; /* Add bottom margin to the button */
}
#popHeading {
    display: flex;
    justify-content: center; /* Center the button horizontally */
    align-items: center;
 
}