.popup_verify {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;

    backdrop-filter: blur(10px);

    &.age-confirmed {
        display: none !important;
    }

    & * {
        text-align: center;
    }

    & > div {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);

        padding: 80px;
        max-width: 702px;
        width: 100%;
        border-radius: 10px;
        background-color: white;

        @media (max-width: 768px) {
            max-width: 92%;
            padding: 32px;
        }

        & h2,
        & p {
            color: black !important;
        }

        & h2 {
            margin-bottom: 12px;
        }

        & > div {
            display: flex;
            flex-direction: row;
            align-items: stretch;
            gap: 12px;

            margin-top: 32px;
            margin-left: auto;
            margin-right: auto;

            @media (min-width: 768px) {
                max-width: 80%;
            }

            @media (max-width: 768px) {
                gap: 12px !important;
            }

            & button {
                margin: 0 !important;
                text-transform: uppercase;
                font-weight: 600 !important;

                /* &:last-child:not(:hover) {
                    color: var(--accent1);
                } */
                &:first-child {
                    background-color: transparent !important;
                    border: 1px solid var(--orange) !important;
                    color: var(--orange) !important;
                }

                @media (min-width: 768px) {
                    flex: 1 1 37.5% !important;
                }
            }
        }
    }
}

.acceptCookies {
    display: none;
}

html.show-cookie-banner .acceptCookies {
    display: block;
}
.acceptCookies {
    border: 1px solid #f1f2f9;
    box-shadow: 0px 4px 32px -4px #6f6c8f1f;
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 10000;

    background-color: white;
    padding: 24px;

    max-width: 1420px;
    border-radius: 10px;
    overflow: hidden;
    padding: 40px;
    @media (max-width: 1420px) {
        max-width: 92vw;
    }
    @media (max-width: 768px) {
        padding: 24px;
    }
    & .acceptCookies_close {
        position: absolute;
        top: 16px;
        right: 16px;
        cursor: pointer;
    }
    & p {
        color: #111111 !important;
    }
    & .acceptCookies_title {
        margin-bottom: 12px;
        display: flex;
        flex-direction: row;
        gap: 10px;
        align-items: center;
        justify-content: start;
        & p {
            font-size: 20px;
            font-weight: 700;
        }
    }
    & .acceptCookies_content {
        display: flex;
        flex-direction: row;
        gap: 24px;
        align-items: center;
        & p {
            font-size: 16px !important;
            & a {
                color: #4a3aff !important;
                text-decoration: underline;
                &::after {
                    content: none !important;
                }
            }
        }
        & > div:first-child {
            flex: 1 1 70%;
        }
        & .acceptCookies_content_buttons {
            flex: 1 1 30%;
            display: flex;
            flex-direction: row;
            align-items: stretch;
            gap: 12px;
            & button {
                text-transform: uppercase;
            }
            & button:first-child {
                background-color: transparent !important;
                border: 1px solid var(--orange) !important;
                color: var(--orange) !important;
            }
        }
        @media (max-width: 768px) {
            flex-direction: column;
            & .acceptCookies_content_buttons {
                flex: 1 1 100%;
                width: 100%;
                flex-wrap: wrap;
                & > button {
                    flex: 1 1 48.5%;
                }
            }
        }
    }
}
