.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    border-radius: 0;
    background: #212327d6 url("cubes.png");
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #ecf0f1;
}

.cookiealert.show {
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 1000ms;
}

.cookiealert a {
    text-decoration: underline  ;
    margin: 0px 10px;
}

.cookiealert .acceptcookies {
    margin-left: 10px;
    vertical-align: baseline;
}

.cookiealert-container {
    margin: 25px;
    text-align: center;
}

.button-cookies {
background-color: #e03834;
    padding: 10px 25px;
    border-radius: 5px;
    color: white;}
.button-nocookies {
    background-color: #838383;
    padding: 10px 25px;
    border-radius: 5px;
    color: white;}

    .button-cookies:hover {
        background-color: #eb4e4c;
            padding: 10px 25px;
            border-radius: 5px;
            color: white;}
        .button-nocookies:hover {
            background-color: #9e9a9a;
            padding: 10px 25px;
            border-radius: 5px;
            color: white;}