.emma-cookie[hidden] { display: none !important; }
.emma-cookie {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 10010;
    display: grid;
    grid-template-columns: 48px minmax(0,1fr);
    gap: 14px;
    width: min(470px, calc(100vw - 32px));
    padding: 18px;
    border: 1px solid #ddd4eb;
    border-radius: 12px;
    background: #fff;
    color: #25212e;
    font-family: "Nunito Sans", Arial, sans-serif;
    box-shadow: 0 22px 60px rgba(41,29,60,.2);
}
.emma-cookie, .emma-cookie * { box-sizing: border-box; }
.emma-cookie__icon { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 10px; background: #eee8fa; color: #6948bd; }
.emma-cookie__icon svg { display: block; width: 25px; height: 25px; }
.emma-cookie__copy strong { display: block; color: #25212e; font-family: "Zilla Slab", Georgia, serif; font-size: 17px; font-weight: 800; }
.emma-cookie__copy p { margin: 5px 0 7px; color: #716b79; font-size: 11px; line-height: 1.45; }
.emma-cookie__copy a { color: #6948bd; font-size: 10px; font-weight: 900; text-decoration: underline; text-underline-offset: 3px; }
.emma-cookie__actions { grid-column: 2; display: flex; justify-content: flex-end; gap: 8px; }
.emma-cookie__actions button { min-height: 38px; padding: 0 14px; border: 1px solid #d7cce8; border-radius: 8px; background: #fff; color: #6948bd; font-family: inherit; font-size: 10px; font-weight: 900; cursor: pointer; }
.emma-cookie__actions button:last-child { border-color: #6948bd; background: #6948bd; color: #fff; }
@media (max-width: 540px) {
    .emma-cookie { right: 16px; bottom: 16px; grid-template-columns: 38px 1fr; padding: 14px; }
    .emma-cookie__icon { width: 38px; height: 38px; }
    .emma-cookie__actions { grid-column: 1 / -1; }
    .emma-cookie__actions button { flex: 1; }
}