.cookie-banner{
  position: fixed;
  bottom: 50px;
  right: 50px;
  display: flex;
  flex-direction: column;
  padding:20px;
  width: 384px;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.13);
  background: #FFFFFF;
  z-index: 10;
}
.cookie-banner p{
  margin-bottom:20px;
  color: #616161;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}

.cookie-banner .cookie-btn{
  padding:9px 28px;
  align-self: flex-end;
  color: #7E64BD;
  font-size: 13px;
  line-height: 15px;
  font-family: "Roboto", serif;
  font-style: normal;
  font-weight: 500;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  background-color:rgba(0, 0, 0, 0);
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  cursor: pointer;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
}
.cookie-btn:not(.cookie-btn-raised):not(.cookie-btn-link):focus, .cookie-btn:not(.cookie-btn-raised):not(.cookie-btn-link):hover, .input-group-btn .cookie-btn:not(.cookie-btn-raised):not(.cookie-btn-link):focus, .input-group-btn .cookie-btn:not(.cookie-btn-raised):not(.cookie-btn-link):hover{
  background-color: rgba(153, 153, 153, .2);
}

@media (max-width: 485px) {
  .cookie-banner{
    right: unset;
    bottom:10px;
    margin-left:10px;
    width: calc(100vw - 20px);
  }
}