body {
  position: relative;
}

body .piskotki {
  position: fixed;
  z-index: 3000;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  background-color: #b6121b;
  color: white;
  padding: 2rem 0;
}

body .piskotki a {
  text-decoration: none;
  color: #b9bde7;
  transition: all linear 300ms;
}

body .piskotki a:hover {
  transition: all linear 300ms;
  color: white;
}

body .piskotki .strinjamSe button {
  transition: all linear 200ms;
  background-color: white;
  color: black;
  border: 1px solid white;
}

body .piskotki .strinjamSe button:hover {
  transition: all linear 300ms;
  background-color: #ae8285;
  color: white;
}

@media (max-width: 767px) {
  body .piskotki .strinjamSe {
    margin: 20px 0;
    justify-content: center;
  }
}

body .piskotki.tranzicija {
  opacity: 0;
  transition: all linear 200ms;
}