/* desktop */
.cookie-consent {
    display: flex;
    flex-direction: column;

    margin: 0.8em;
    padding: 1.2em;

    position: fixed; /* Ensure nothing overflows on page or flex + fixed position does not work. */

    bottom: 1.5em;
    left: 0.8em;
    width:410px;
    color: white;
    background: #3e062b;
    border-radius: 10px;
    box-shadow: 0 5px 20px black;
    border: 2px solid black;
} 

.cookie-consent__text {
    margin-bottom: 1em;
}
.cookie-consent__buttons {
    display: flex;
    flex-direction:row;
    justify-content: flex-end;  
    text-align: center;  
}
.cookie-consent__buttons-button
{
    cursor: pointer;
    border-radius: 3px;
}
.cookie-consent__buttons__close {
    background: #008AD7;
    color: white;
    font-size:12px;
    padding: 5px 8px 5px 9px;
    
}
.cookie-consent__buttons__read-more > a {
    color: #008AD7; 
    margin-right:1em;
}



@media only screen and (max-width: 768px) {
  /* mobile */
    .cookie-consent {
        display: flex;
        flex-direction: column;
        margin-bottom: 0.8em;
        padding: 1.2em;
        position: fixed; /* Ensure nothing overflows on page or flex + fixed position does not work. */
        bottom: 0.1em;
        /* 
        left: 50%;
        margin-left: -150px; Negative half of width. */
        left: 1%;
        width:93%;
        color: white;
        background: #3e062b;
        border-radius: 10px;
        box-shadow: 0 5px 20px black;
        border: 2px solid black;
    } 

    .cookie-consent__text {
        margin-bottom: 1em;
    }
    .cookie-consent__buttons {
        display: flex;
        flex-direction:row;
        justify-content: flex-end;  
        text-align: center;  
    }
    .cookie-consent__buttons-button
    {
        cursor: pointer;
        border-radius: 3px;
        font-size:14px;
    }
    .cookie-consent__buttons__close {
        background: #008AD7;
        color: white;
        padding-left:1em;
        padding-right:1em;
    }
    .cookie-consent__buttons__read-more > a {
        color: #008AD7; 
        margin-right:1em;
    }
}