#cookie-banner{
    position:fixed;
    bottom:0;
    left:50%;
    transform: translateX(-50%);
    right:0;
    background:#2d3748;
    color:#ffffff;
    padding:1rem;
    box-shadow:0 10px 15px rgba(0,0,0,.3);
    display:none;
    z-index:9999;
    max-width: 800px;
    margin-bottom: 1rem;
}
@media only screen and (max-width: 1000px) {
    #cookie-banner{
        width: 100%;
        transform: translateX(0);
        max-width: unset;
        left: 0;
        right: 0;
        margin-bottom:0;
    }
    
}

#cookie-banner.show{
    display: flex;
    flex-direction: column;
    gap:1rem;
}

label.req::after {
content: " *" !important;
color: red !important;
}