.cookies-eu-banner {
  background: #404040;
  color: #FFF;
  font-size: 16px;
  position: fixed;
  bottom: 0;
  /*padding: 10px 0px 0px 0px;*/
  width: 100%;
  z-index: 10;
  word-break: break-word;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1.5s;
  animation-name: animatebottom;
  animation-duration: 1.5s;
}

.cookies-eu-banner button {
  background: #18181b;
  color: #FFF;
  border: 0px;
  margin: 10px;
  font-size: 12px;
  transition: background 0.07s, color 0.07s, border-color 0.07s;
}

.cookies-eu-banner button:hover {
  background: #FFF;
  color: #18181b;
}

.hide-cookie {
  display: none;
}

@-webkit-keyframes animatebottom {
  from {bottom:-300px; opacity:1} 
  to {bottom:0; opacity:1}
}

@keyframes animatebottom {
  from {bottom:-300px; opacity:1}
  to {bottom:0; opacity:1}
}

/* Bigger than 550 */
@media (min-width: 550px) {
  .cookies-eu-banner {
    background: #18181b;
  }
  .cookies-eu-banner button {
    background: #404040;
  }
  .cookies-eu-banner button:hover {
    color: #404040;
  }
}