.widget_cookie {
    width: 100vw;
    padding: 16px 20px;
    position: fixed;
    z-index: 9999;
    bottom: 0;
    right: 0;
    background: #fff;
    transition: opacity 1.2s, transform 1.2s;
    flex-direction: column;
    align-items: center;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 0px 6px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 0px 6px 0px rgba(34, 60, 80, 0.2);
}

.widget_cookie__style1 {

}

.widget_cookie__style1 .widget_cookie__btn-close-cookie {
    background-color: #63aa28
}

.widget_cookie__style2 {
    border-color: #f8a91c
}

.widget_cookie__style2 .widget_cookie__btn-close-cookie {
    background-color: #f8a91c
}

.widget_cookie__style3 {
    border-color: #e12a2a
}

.widget_cookie__style3 .widget_cookie__btn-close-cookie {
    background-color: #e12a2a
}

.widget_cookie__style4 {
    border-color: #0082d1
}

.widget_cookie__style4 .widget_cookie__btn-close-cookie {
    background-color: #0082d1
}

.widget_cookie__style5 {
    border-color: #159dba
}

.widget_cookie__style5 .widget_cookie__btn-close-cookie {
    background-color: #159dba
}

@media (min-width: 29.99875em) {
    .widget_cookie {
        max-width: 530px;
        bottom: 30px;
        left: 50%;
        transform: translate(-50%, -50%);
        min-width: 320px;
        display: flex !important;
        flex-flow: row;
        gap: 20px;
        justify-content: space-between;
        align-items: center;
    }
}

.widget_cookie__text {
    margin-bottom: 0;
    color: rgba(25, 25, 25, .6);
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;

}

.widget_cookie a {
    color: var(--theme-b-link)
}

.widget_cookie__btn-close-cookie {
    background-size: 100% 100%;
    width: 111px;
    height: 48px;
    display: inline-block;
    cursor: pointer;
    transition: .3s;
    font-size: 13px;
    line-height: 19px
}

.widget_cookie .btn-close-cookie:hover {
    opacity: .5
}

.widget_cookie.cookie__hide {
    transition-delay: 0s;
    opacity: 0 !important;
    transform: translateY(20px) !important
}
