#cookie-bar {
  background:rgba(64, 84, 90, 0.95);   
  color:#eee; 
  text-align:center; 
  padding:14px 0;
}
#cookie-bar.fixed {
  position:fixed; 
  top:0; 
  left:0; 
  width:100%; 
  z-index: 1200
}
#cookie-bar.fixed.bottom {
  bottom:0; 
  top:auto;
}
#cookie-bar p {
  font-family: 'Montserrat', serif;
  font-size: 12px;
  margin:0; 
  padding:0;
}
#cookie-bar a {
  color:#fff; 
  display:inline-block; 
  border-radius:4px; 
  text-decoration:none; 
  padding:10px 12px; 
  margin-left:8px;
}
#cookie-bar .cb-enable {
  background: rgb(25,171,214);
  background: -webkit-linear-gradient(left,     rgba(25,171,214,1) 0%, rgba(30,200,252,1) 100%);
     background: -moz-linear-gradient(left,     rgba(25,171,214,1) 0%, rgba(30,200,252,1) 100%);
          background: linear-gradient(to right, rgba(25,171,214,1) 0%, rgba(30,200,252,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06cefc', endColorstr='#1ec8fc',GradientType=1 );
  cursor: pointer;
  transition: 0.5s;
  background-size: 200% auto;
}
#cookie-bar .cb-enable:hover {
  background-position: right center;
}
#cookie-bar .cb-disable {
  background: rgb(245,78,162);
  background: -webkit-linear-gradient(left,     rgba(245,78,162,1) 0%, rgba(255,118,118,1) 100%);
     background: -moz-linear-gradient(left,     rgba(245,78,162,1) 0%, rgba(255,118,118,1) 100%);
          background: linear-gradient(to right, rgba(245,78,162,1) 0%, rgba(255,118,118,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f54ea2', endColorstr='#ff7676',GradientType=1 );
  cursor: pointer;
  transition: 0.5s;
  background-size: 200% auto;
}
#cookie-bar .cb-disable:hover {
  background-position: right center;
}
#cookie-bar .cb-policy {
  background:#ff7676; 
  cursor: pointer;
}
#cookie-bar .cb-policy:hover {
  background:#ed6464;
}

@media screen and (max-width: 768px){
  #cookie-bar .cb-enable {
    margin-top: 15px;
  }
  #cookie-bar a {
    display: block;
    margin: 5px 10px;
  }
}