.cookies-notice-container{ position: fixed; bottom: 30px; left: 0; right: 0; padding: 20px; z-index: 11000; opacity: 0;
    transform: translateY(calc(100% + 50px));  transition: all 0.5s ease;}
.cookies-notice-container.is-show{transform: translateY(0); opacity: 1}
.cookies-notice-inner{ background: #fff; box-shadow: 0 0 20px -5px rgb(0 0 0 / 30%); padding: 15px; border-radius: 10px; font-size: 0.9em; line-height: 1.4}
.cookies-notice-inner button{ background: #000; border: none; color: #fff; padding: 8px 25px; border-radius: 6px;  margin-top: 12px;
display: block; margin-left: auto; margin-right: 0; cursor: pointer}
.cookies-notice-inner a{ text-decoration: underline}

@media only screen and (min-width: 768px) {
 .cookies-notice-container{ width: 380px; bottom: 10px}
}


@media only screen and (min-width: 1024px) {
    .cookies-notice-inner{ font-size: 1em}
    .cookies-notice-container{ width: 460px; bottom: 10px; left: calc(50% - 560px)}
}