:root {
    --cookies-bg: #F8FAFB;
    --cookies-border: #E3E6E8;
    --cookies-text: #252525;
    --cookies-accept: #0A9769;
    --cookies-accept-hover: #087A55;
}

.siteCookies__form {
    position: relative;
    background: var(--cookies-bg) !important;
    color: var(--cookies-text) !important;
    border: 1px solid var(--cookies-border);
    box-shadow: 0 4px 24px rgba(0, 0, 0, .18);
}

.siteCookies__form::before {
    content: "";
    position: absolute;
    right: 32px;
    bottom: 100%;
    z-index: -1;
    width: 190px;
    height: 109px;
    margin-bottom: -14px;
    background: url(../img/robot-cookies.png) no-repeat center bottom / contain;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .45));
    pointer-events: none;
}

.siteCookies__text,
.siteCookies__text a {
    color: var(--cookies-text) !important;
}

.siteCookies__text a {
    text-decoration: underline;
}

.siteCookies__link {
    padding: 0;
    background: transparent;
    border: none;
    color: var(--cookies-text);
    font-weight: 600;
    text-decoration: underline;
}

.siteCookies__link:hover {
    background: transparent;
    color: var(--cookies-text);
    text-decoration: none;
}

.siteCookies .siteCookies__buttonWrap .siteCookies__button {
    margin-top: 5px;
    margin-bottom: 5px;
}

.js-cookiesConsentSubmit[value="all"] {
    background: var(--cookies-accept) !important;
    color: #fff;
    border: 1px solid var(--cookies-accept);
}

.js-cookiesConsentSubmit[value="all"]:hover {
    background: var(--cookies-accept-hover) !important;
    border-color: var(--cookies-accept-hover);
    color: #fff;
}

.js-cookiesConsentSubmit[value="reject"] {
    background: #fff !important;
    color: var(--cookies-text) !important;
    border: 1px solid var(--cookies-text);
}

.js-cookiesConsentSubmit[value="reject"]:hover {
    background: var(--cookies-text) !important;
    color: #fff !important;
}

.siteCookies--bottom.siteCookies--scrolled {
    background: transparent;
    box-shadow: none;
}