.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    border-radius: 0;
    background: rgba(255, 255, 255, 1) url("cookies/cookie.png");
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #202020;
	font-family: "Lato", sans-serif;
    padding:  0px;
    font-size: 16px;
    font-weight: 300 !important;
    letter-spacing: 0.02em;
    line-height: 25px;
    text-align: center;
    -webkit-box-shadow: 0px -2px 5px -1px rgba(48,48,48,1);
    -moz-box-shadow: 0px -2px 5px -1px rgba(48,48,48,1);
    box-shadow: 0px -2px 5px -1px rgba(48,48,48,1);

}

.cookiealert-container{ padding:20px;}

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

.cookiealert a {
    text-decoration: underline;
    color:#ff8c3f;
}

.cookiealert a:hover {
    color:#ff6700!important;
    text-decoration: none;
}

.cookiealert .acceptcookies {
    margin-left: 0;
    vertical-align: baseline;
    background: #252525 !important;
}


.btn-alert{
  background-color: #ff8100;
  margin:20px;
  text-transform:uppercase;
  font-family: 'Lato', sans-serif;
  font-size:14px;
  color: white;
  border: none;
  width:200px;
  height:40px;
  position:relative;
  cursor: pointer;
}

.btn-alert span{
  color: #fff;
  position: absolute;
  top:0;
  left:0;
  width:200px;
  height:40px;
  line-height:40px;
  transition: all .5s;
}

.btn-alert::before{
  content:"";
  display: block;
  background-color: #fff;
  width:0px;
  height:40px;
  position: absolute;
  top:0;
  left:0;
  transition: all .5s;
}

.center::before, .skew::before{
  left: 50%;
}

.skew{
  overflow: hidden;
}

.skew::before{
  transform:skewX(30deg);
}

.btn-alert:hover::before{
  width:200px;
  left: 0%;
}

.btn-alert:hover span{
    color:#000!important;
}