@media(min-width:768px) {
    .cookie-container {
        margin: 0 auto;
        position: absolute;
        width: 500px;
        height: 250px;
        display: none;
        top: 50%;
        left: 50%;
        margin: -100px 0 0 -150px;
        background: red;
        background: #2f3640;
        color: #f5f6fa;
        padding: 20px 32px;
        box-shadow: 0 -5px 20px rgba(47, 54, 64, 0.39);
        transition: 400ms;
        z-index: 900;
    }

    .cookie-btn {
        display: flex;
        justify-content: center;
        align-items: center;

        background: #e84118;
        border: 0;
        margin-top: 30px;
        color: #f5f6fa;
        padding: 5px 48px;
        font-size: 18px;
        margin-bottom: 16px;
        border-radius: 8px;
        cursor: pointer;
    }
}

@media(max-width:768px) {
    .cookie-container {
       margin:auto;
        position: absolute;
        width: 90%;
        height: 300px;
        display: none;
        top: 50%;
        left:5%;
    
        background: red;
        background: #2f3640;
        color: #f5f6fa;
        padding: 20px 32px;
        box-shadow: 0 -5px 20px rgba(47, 54, 64, 0.39);
        transition: 400ms;
        z-index: 900;
    }

    .cookie-btn {
        display: flex;
        justify-content: center;
        align-items: center;

        background: #e84118;
        border: 0;
        margin-top: 30px;
        color: #f5f6fa;
        padding: 5px 48px;
        font-size: 18px;
        margin-bottom: 16px;
        border-radius: 8px;
        cursor: pointer;
    }

}
    .cookie-container.active {
    display:block;
}

    .cookie-container a {
        color: #f5f6fa;
    }

.cookie-btn {
    align-content:center;
    margin-left:35%;
    background: #e84118;
    border: 0;
    margin-top:30px;
    color: #f5f6fa;
    padding: 5px 48px;
    font-size: 18px;
    margin-bottom: 16px;
    border-radius: 8px;
    cursor: pointer;
}