.cookie-banner{

    position:fixed;

    bottom:25px;

    left:25px;

    right:25px;

    max-width:980px;

    margin:auto;

    background:#ffffff;

    border-radius:18px;

    box-shadow:0 15px 45px rgba(0,0,0,.12);

    border:1px solid #ececec;

    padding:24px 30px;

    z-index:999999;

    display:none;

    animation:cookieSlide .5s ease;

}

@keyframes cookieSlide{

from{

transform:translateY(40px);

opacity:0;

}

to{

transform:translateY(0);

opacity:1;

}

}

.cookie-content{

display:flex;

align-items:center;

gap:22px;

}

.cookie-icon{

width:58px;

height:58px;

border-radius:50%;

background:#f8f9fa;

display:flex;

align-items:center;

justify-content:center;

font-size:28px;

flex-shrink:0;

}

.cookie-text{

flex:1;

}

.cookie-text h4{

margin-bottom:8px;

font-size:22px;

font-weight:700;

color:#222;

}

.cookie-text p{

margin:0;

font-size:15px;

line-height:1.8;

color:#666;

}

.cookie-text a{

font-weight:600;

text-decoration:none;

}

.cookie-text a:hover{

text-decoration:underline;

}

.cookie-buttons{

display:flex;

gap:12px;

flex-shrink:0;

}

.cookie-buttons .btn{

min-width:130px;

border-radius:10px;

font-weight:600;

padding:10px 22px;

transition:.3s;

}

.cookie-buttons .btn-primary{

box-shadow:0 8px 18px rgba(13,110,253,.25);

}

.cookie-buttons .btn-primary:hover{

transform:translateY(-2px);

}

.cookie-buttons .btn-outline-secondary:hover{

transform:translateY(-2px);

}

.cookie-icon{
    width:60px;
    height:60px;
    border-radius:50%;
    background:#f4f7fb;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:20px;
    flex-shrink:0;
}

.cookie-icon i{
    font-size:28px;
    color:#4e6bff;
}




@media(max-width:768px){

.cookie-banner{

left:15px;

right:15px;

bottom:15px;

padding:20px;

}

.cookie-content{

flex-direction:column;

align-items:flex-start;

}

.cookie-buttons{

width:100%;

display:grid;

grid-template-columns:1fr 1fr;

margin-top:10px;

}

.cookie-buttons .btn{

width:100%;

}

}