* {
  margin: 0;
}

body {
  font-family: "Roboto", sans-serif;
}

p {
  margin: 10px 0;
  line-height: 2;
  float: left;
  font-size: 13px;
}

.wrapper {
  padding: 32px;
}

.cookie-container {
  position: fixed;
  bottom: -100%;
  left: 0;
  right: 0;
  background: #000;
  color: #f5f6fa;
  padding: 0 32px;
  box-shadow: 0 -2px 16px rgba(47, 54, 64, 0.39);
z-index: 100;
}

.cookie-container.active {
  bottom: 0;
text-align: right;
}

.cookie-container a {
  color: #f5f6fa;
}


.cookie-btn {
  background: #666;
  border: 0;
  color: #f5f6fa;
  padding: 2px 10px;
  font-size: 12px;
  margin-bottom: 16px;
	margin: 10px;
	margin-left: 10px;
  border-radius: 8px;
  cursor: pointer;
}

.cookie-btn:hover {
  background: green;
  border: 0;
  color: #f5f6fa;
  padding: 2px 10px;
  font-size: 12px;
  margin-bottom: 16px;
	margin: 10px;
	margin-left: 10px;
  border-radius: 8px;
  cursor: pointer;
}