.cookie {
position: fixed;
left: 0;
bottom: -120%;
z-index: 100;
width: 100%;
} .cookie.active {
bottom: 20px;
} .cookie__content {
display: flex;
gap: 10px;
max-width: 550px;
width: 100%;
margin: 0 auto;
padding: 30px 30px 15px 30px;
background: var(--white-text);
border-radius: 15px;
box-shadow: 0px 1px 19px -2px #452C2C4D;
} .cookie__content img {
max-width: 90px;
width: 100%;
height: fit-content;
} .cookie__text {
display: flex;
flex-direction: column;
} .cookie__text h2 {
font-size: 20px;
font-weight: 700;
line-height: 100%;
letter-spacing: 5%;
vertical-align: middle;
color: var(--dark);
} .cookie__text p:first-of-type {
font-size: 16px;
font-weight: 400;
line-height: 100%;
letter-spacing: 1%;
vertical-align: middle;
color: var(--dark);
margin: 15px 0 5px;
} .cookie__text p:last-of-type {
font-size: 20px;
font-weight: 400;
line-height: 100%;
letter-spacing: 5%;
vertical-align: middle;
color: var(--dark);
} .cookie__text button {
padding: 10px 0;
background: var(--light);
border-radius: 10px;
border: none;
cursor: pointer;
font-size: 20px;
font-weight: 400;
line-height: 100%;
letter-spacing: 5%;
vertical-align: middle;
color: var(--white-text);
margin: 15px 0 0;
} .cookie__text button:hover {
background: var(--light2);
}
@media (max-width: 600px) {
.cookie__content {
max-width: 320px;
padding: 20px 20px 20px 20px;
} .cookie__content img {
max-width: 55px;
} .cookie__text h2 {
font-size: 16px;
} .cookie__text p:first-of-type {
font-size: 10px;
margin: 10px 0;
} .cookie__text p:last-of-type {
font-size: 13px;
} .cookie__text button {
font-size: 13px;
}
}