.cookie-banner{

    position: fixed;

    bottom: 0;

    width: 100%;

    padding: 27px 0 22px;

    background-color: #00afef;

    color: #fff; 

    z-index: 999;

    font-size: 14px;

    font-weight: 300; 

    line-height: 1.79;
    display: none;

}

.cookie-banner .text{

    width: 77%;

    letter-spacing: -0.2px;

    line-height: 1.7;

}

.cookie-banner .btn-wrapper{

    width: 20%;

}

.cookie-banner .text a{

    font-size: 14px;

    font-weight: 300; 

    line-height: 1.79; 

}

.cookie-banner .flex{

    justify-content: space-between;

    flex-wrap: wrap;

} 

.cookie-banner .blue-btn {

    box-shadow: none;

    background-color: #fff;

    color: #00afef;

}

.cookie-banner .banner-mask{ 
    position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}

@media (max-width: 550px) {

    .cookie-banner .text {

        line-height: 1.5;

        margin-bottom: 10px;

        width: 100%;

    }

    .cookie-banner .blue-btn {

        padding: 6px 74px;

        font-size: 16px;



    }

    .cookie-banner .btn-wrapper {

        width: auto;

        margin: 0 auto;

    }

    .cookie-banner { 

        height: 120px;

    }

    .cookie-banner:hover { 

        height: auto;

    }

}