﻿.c_n_ {
    box-shadow: 0 4px 8px rgb(0 0 0 / 24%);
    color: #444444;
    background: white;
}

@media (min-width: 200px) {
    .info-hoder {
        text-align:left;
    }
    .not {
        display: none;
    }

    .cookie_container {
        background-color: transparent;
        /*z-index: 21474836440 !important;*/
        z-index: 21474836 !important;
        position: fixed;
        width: 100%;
        margin: 0px;
        /*bottom: 0;*/
        top:0;
        left: 50%;
        transform: translateX(-50%);
    }

    .c_n_ {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        border-radius: unset;
        padding: 10px;
        font-size: 90%;
        background-color: rgb(244 243 241);
    }

    .close-button2 {
        display: block;
        margin-top: 0px;
        border: none;
        border-radius: 4px;
        padding: 2px 11px;
        background-color: #ff7e0f;
        color: white;
        font-size: 90%;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    .close-button {
       display:none;
    }

        .close-button2:hover {
            background-color: #e66e0c;
        }
}

@media (min-width: 700px) {
    .close-button2 {
        display: none;
    }
        .info-hoder {
        text-align: center;
    }
    .not {
        color: rgba(8, 8, 8, 0.81);
        font-size: 110%;
        margin-bottom: 10px;
        display: block;
        font-weight: bold;
    }

    .cookie_container {
        z-index: 21474836 !important;
        position: fixed;
        bottom: 20px;
        left: 50%;
        bottom: 0;
        top: unset;
        transform: translateX(-50%);
        width: calc(100% - 40px);
        max-width: 600px;
        margin: 0;
    }

    .c_n_ {
        padding-top: 15px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background-color:white;
    }

    .close-button {
        display: block;
        margin-top: 12px;
        border: none;
        border-radius: 8px;
        padding: 7px 18px;
        background-color: #ff7e0f;
        color: white;
        font-size: 100%;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

        .close-button:hover {
            background-color: #e66e0c;
        }
}
