#cookie_note{display: none;position: fixed;bottom: 15px;left: 50%;
    max-width: 90%;
    transform: translateX(-50%);
    padding: 20px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
    z-index: 1000;
    width: 70%;
}
#cookie_note p{
    margin: 0;
    font-size: 12px;
    text-align: left;
    color: black;
}
#cookie_note button {margin-left: 10px; padding: 9px 20px !important;line-height: 14px;font-size: 12px;}
#cookie_note button:hover {cursor: pointer;}
.cookie_accept{
    width:20%;
}
#cookie_note a {color: #000;text-decoration: underline;}
#cookie_note a:hover {text-decoration: none;}
@media (min-width: 576px){
    #cookie_note.show{
        display: flex;
        align-items: center;
    }
    
}
@media (min-width: 375px) and (max-width: 700px) {
    #cookie_note {width: 95% !important;}
    .cookie_accept {margin:0 auto;display: block;width: 40%;margin-top: 10px;margin-left: 0px !important;}
}
@media (max-width: 575px){
    #cookie_note.show{
        display: block;
        text-align: left;
    }
}