.cookies {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 20;
    width: calc(100% - 100px);
    max-width: 1100px;
    padding: 20px;
    background: #fff;    
    border: 1px solid #1bc4f9;
    border-top-width: 4px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
    transition: .4s;
}
.cookies--hide {
    opacity: 0;
    visibility: hidden;
}
.cookies__text {
    flex: 1;    
}
.cookies__text p {
    margin-bottom: 10px;
}
.cookies__text p:last-child {
    margin-bottom: 0;
}
.cookies__text a {
    color: #009bcc;
    transition: .3s;
}
.cookies__text a:hover {
    color: #1bc4f9;
}
.cookies__button {
    display: block;
    border-radius: 5px;
    border: none !important;
    background: #009bcc;
    color: #ffffff;
    padding: 10px 20px;
    white-space: nowrap;
    cursor: pointer;
    transition: .3s;
}
.cookies__button:hover {
    background: #1bc4f9;
}
@media (max-width: 600px){
    .cookies {
        padding: 10px;
        gap: 10px;
    }
    .cookies__text {
        flex: 100%;    
    }
}