#ccm-cookie-root,
#ccm-cookie-root * {
box-sizing: border-box;
}
.ccm-cookie-no-scroll {
overflow: hidden !important;
} #ccm-cookie-root .ccm-cookie-backdrop {
position: fixed;
inset: 0;
background: transparent; z-index: -1;
} #ccm-cookie-root .ccm-cookie-banner {
position: fixed;
left: 50%;
bottom: 20px;
transform: translateX(-50%);
width: min(1040px, calc(100vw - 32px));
background: #ffffff;
color: #111111;
border-radius: 14px;
box-shadow: 0 14px 40px rgba(0, 0, 0, 0.22);
padding: 22px 22px 18px;
z-index: 2147483001;
}
#ccm-cookie-root .ccm-cookie-banner__content {
padding-right: 24px;
}
#ccm-cookie-root .ccm-cookie-title {
margin: 0 0 0px;
font-size: 20px;
line-height: 1.25;
padding: 0 0 5px 0;
}
#ccm-cookie-root .ccm-cookie-text {
margin: 0 0 0px;
font-size: 14px;
line-height: 1.55;
display: flex;
}
#ccm-cookie-root .ccm-cookie-link {
color: #e5b400;
text-decoration: underline;
padding: 0 10px;
}
#ccm-cookie-root .ccm-cookie-actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 14px;
}
#ccm-cookie-root .ccm-cookie-btn {
appearance: none;
border: 1px solid #1f1f1f;
background: #ffffff;
color: #111111;
border-radius: 999px;
padding: 10px 18px;
font-size: 14px;
line-height: 1.2;
cursor: pointer;
transition: .18s ease;
}
#ccm-cookie-root .ccm-cookie-btn:hover {
opacity: 0.9;
}
#ccm-cookie-root .ccm-cookie-btn--primary {
background: #444;
color: #fff;
border-color: #111111;
}
#ccm-cookie-root .ccm-cookie-close {
position: absolute;
top: 10px;
right: 12px;
border: none;
background: transparent;
color: #666666;
font-size: 26px;
line-height: 1;
cursor: pointer;
padding: 0;
} #ccm-cookie-root .ccm-cookie-settings {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: min(680px, calc(100vw - 32px));
max-height: calc(100vh - 40px);
overflow: auto;
background: #ffffff;
color: #111111;
border-radius: 14px;
box-shadow: 0 14px 40px rgba(0, 0, 0, 0.24);
padding: 22px;
z-index: 2147483002;
}
#ccm-cookie-root .ccm-cookie-settings__inner {
width: 100%;
}
#ccm-cookie-root .ccm-cookie-form {
margin-top: 12px;
}
#ccm-cookie-root .ccm-cookie-group {
padding: 14px 0;
border-top: 1px solid #ececec;
}
#ccm-cookie-root .ccm-cookie-group:first-child {
border-top: none;
padding-top: 0;
}
#ccm-cookie-root .ccm-cookie-group p {
margin: 0 0 8px;
}
#ccm-cookie-root .ccm-cookie-help {
color: #555555;
font-size: 13px;
line-height: 1.5;
}
#ccm-cookie-root .ccm-cookie-label {
display: inline-flex;
align-items: center;
gap: 8px;
margin-right: 16px;
margin-bottom: 8px;
font-size: 14px;
line-height: 1.45;
}
#ccm-cookie-root .ccm-cookie-label--block {
display: flex;
margin-right: 0;
}
#ccm-cookie-root .ccm-cookie-label input {
margin: 0;
}
#ccm-cookie-root .ccm-cookie-consents {
margin-top: 6px;
padding-top: 14px;
border-top: 1px solid #ececec;
}
#ccm-cookie-root .ccm-cookie-consents p {
margin: 0 0 10px;
}
#ccm-cookie-root .ccm-cookie-settings-actions {
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
gap: 10px;
margin-top: 18px;
} #ccm-cookie-root .ccm-cookie-reopen {
position: fixed;
left: 80px;
bottom: 25px;
width: 46px;
height: 46px;
border-radius: 999px;
border: none;
background: #ffffff;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
cursor: pointer;
font-size: 22px;
line-height: 1;
z-index: 2147482999;
}
#ccm-cookie-root .ccm-cookie-reopen:before {
background:url(//asco.by/wp-content/plugins/ccm-cookie/assets/img/ic-cookie.svg);
background-size:cover;
} @media (max-width: 767px) {
#ccm-cookie-root .ccm-cookie-banner {
width: calc(100vw - 20px);
bottom: 10px;
padding: 18px 16px 16px;
}
#ccm-cookie-root .ccm-cookie-banner__content {
padding-right: 16px;
}
#ccm-cookie-root .ccm-cookie-title {
font-size: 18px;
}
#ccm-cookie-root .ccm-cookie-actions {
flex-direction: row;
}
#ccm-cookie-root .ccm-cookie-btn {
width: 30%;
justify-content: center;
font-size: 12px;
}
#ccm-cookie-root .ccm-cookie-text{
font-size: 12px;
}
#ccm-cookie-root .ccm-cookie-settings {
width: calc(100vw - 20px);
max-height: calc(100vh - 20px);
padding: 18px 16px;
}
#ccm-cookie-root .ccm-cookie-btn{
padding: 5px 10px;
}
#ccm-cookie-root .ccm-cookie-settings-actions {
flex-direction: column-reverse;
}
#ccm-cookie-root .ccm-cookie-settings-actions .ccm-cookie-btn {
width: 100%;
}
#ccm-cookie-root .ccm-cookie-reopen {
left: 80px;
bottom: 25px;
background:url(//asco.by/wp-content/plugins/ccm-cookie/assets/img/ic-cookie.svg)!important; 
background-size:cover!important;
}
.ccm-cookie-text{
display: flex;
flex-direction: column;
}
}