#cc-banner {
    position: fixed;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    max-width: 32rem;
    margin: 0 auto;
    padding: 1rem 1.25rem;
    background: #fff;
    color: #222;
    border-radius: .75rem;
    box-shadow: 0 4px 24px rgba(0, 0, 0, .2);
    font: 15px/1.4 system-ui, sans-serif;
    z-index: 99999
}

#cc-banner p {
    margin: 0 0 .75rem
}

#cc-banner .cc-btns {
    display: flex;
    gap: .5rem
}

#cc-banner button {
    flex: 1;
    padding: .6rem 1rem;
    border: 1px solid #222;
    border-radius: .5rem;
    font: inherit;
    cursor: pointer;
    background: #fff;
    color: #222
}

#cc-banner button:hover,
#cc-banner button:focus-visible {
    background: #222;
    color: #fff
}

#cc-banner .cc-state {
    margin: 0 0 .5rem;
    font-size: .85em;
    opacity: .75
}

#cc-banner button[aria-pressed="true"] {
    background: #222;
    color: #fff
}

#cc-banner button[aria-pressed="true"]::before {
    content: "✓ "
}