.cookiealert {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0 !important;
  z-index: 9999;
  opacity: 0;
  border-radius: 0;
  background: #1a5c32;
  color: #ffffff;
  transform: translateY(100%);
  transition: all 500ms ease-out;
  box-shadow: 0 -4px 24px rgba(0,0,0,0.12);
  padding: .6rem 1.5rem .6rem 1rem;
  padding-bottom: 1.5rem;
}

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

.cookiealert a {
  text-decoration: underline;
  color: rgba(255,255,255,0.85);
}

.cookiealert .btn {
  font-size: .95rem!important;
  padding: .2rem .65rem!important;
  font-weight: 500!important;
  letter-spacing: normal!important;
  text-transform: none!important;
}

.cookiealert .acceptcookies {
  margin-left: 10px;
  vertical-align: baseline;
  background: #ffffff;
  color: #1a5c32;
  border-color: #ffffff;
  font-weight: 600;
}

.cookiealert .acceptcookies:hover {
  background: rgba(255,255,255,0.9);
  border-color: rgba(255,255,255,0.9);
}

.cookiealert .refusecookies {
  background: transparent;
  border-color: rgba(255,255,255,0.4);
  color: rgba(255,255,255,0.8);
  vertical-align: baseline;
}

.cookiealert .refusecookies:hover {
  background: rgba(255,255,255,0.1);
  border-color: rgba(255,255,255,0.7);
  color: #ffffff;
}

@media (min-width: 768px) {
  .cookiealert {
    padding-bottom: .6rem;
  }
}