@media (min-width: 768px) {
    .cookies-eu-banner {
        bottom: 5em;
        width: 20%;
        right: 5em;
    }
}
@media (max-width:767px) {
    .cookies-eu-banner {
        bottom: 5em;
        width: 98%;
        left:1%;
        right:1%;
    }
}

body {
    margin: 0;
    padding: 0;
}

.cookies-eu-banner {
    background: #fff;
    color: #000;
    padding: 6px;
    font-size: 15px;
    text-align: center;
    position: fixed;
    z-index: 10;
    font-weight: 500;
    border-radius: 1em;
}

    .cookies-eu-banner button {
        text-decoration: none;
        background: #396d00;
        color: #fff;
        border: 1px solid #396d00;
        cursor: pointer;
        padding: 4px 7px;
        margin: 2px 0;
        font-size: 13px;
        font-weight: 700;
        transition: background 0.07s, color 0.07s, border-color 0.07s;
    }

        .cookies-eu-banner button:hover {
            background: #fff;
            border: 1px solid #fff;
            color: #222;
        }

a.modal-trigger.cookie {
    color: #4d00c7;
}