.cookies {
    bottom: 16px;
}
.cookies__wrapper {
    padding: 4px 4px 4px 40px;   
    opacity: 0.5;
    transition: 0.3s ease-in-out;
}
.cookies__wrapper:hover {
    opacity: 1;
}
.cookies__text {
    font-size: 16px;
}
.cookies__btn {
    background-color: #57a1d4;
}

@media (768px <= width) {
    .cookies {
        bottom: 0;
        z-index: 9999999999;
        max-width: none !important;
    }
    .cookies__wrapper {
        background-color: #00000052;
        border-radius: 0;
        justify-content: center;
        opacity: 1;
        gap: 12px;
        padding: 6px 20px;
    }
    .cookies__text {
        color: #fff;
        max-width: none !important;
    }
    .cookies__text a {
        color: #009fff;
    }
    .cookies__btn {
        padding: 12px 24px;
    }
}
@media (width <= 767px) {
    body:has(.cookies[style="display: none;"]) {
        .tl-widgets-container {
            bottom: 0px !important;
        }
        .b24-widget-button-position-bottom-right {
            bottom: 15px !important;
            top: auto !important;
        }
        .x-tl-booking-widget-container.x-tl-booking-widget-container_pulled-right {
            top: auto !important;
            bottom: 17px !important;
        }
    }
    .x-tl-booking-widget-container.x-tl-booking-widget-container_pulled-right {
        top: auto !important;
        bottom: 136px !important;
        transition: all 0.3s ease-in-out;
    }
    .x-tl-booking-widget-container_pulled-right {
        right: 100px !important;
        transition: all 0.3s ease-in-out;
    }
    .tl-widgets-container {
        bottom: 120px !important;
        transition: all 0.3s ease-in-out;
    }
    .b24-widget-button-position-bottom-right {
        bottom: 135px !important;
        right: 20px !important;
        transition: all 0.3s ease-in-out;
    }
    .b24-widget-button-position-bottom-right .b24-widget-button-popup {
        display: none !important; 
    }
    .cookies {
        bottom: 0;
        z-index: 9999999999;
    }
    .cookies__wrapper {
        padding: 12px 12px;
        gap: 12px;
        border-radius: 12px 12px 0 0;
        opacity: 1;
    }
    .cookies__text {
        font-size: 12px;
        line-height: 1.2em;
    }
    .cookies__btn {
        font-size: 12px;
        padding: 8px 24px;
        width: fit-content;
    }
    .cookies__wrapper {
        /* padding: 32px 16px; */
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px
    }

    .cookies__text {
        font-size: 14px
    }

    .cookies__btn {
        width: 100%
    }
}