.cpr-widget {
    --cpr-accent: #ffbfa6;
    --cpr-accent-text: #000000;
    --cpr-text: #202020;
    --cpr-border: #d8d8d8;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 18px;
    margin: 20px 0;
    color: var(--cpr-text);
    font-family: inherit;
    font-size: 15px;
}
.cpr-widget .cpr-label { font-weight: 600; }
.cpr-widget .cpr-buttons { display: flex; flex-wrap: wrap; gap: 8px; }
.cpr-widget .cpr-button {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    margin: 0;
    padding: 10px 16px;
    border: 1px solid var(--cpr-border);
    border-radius: 999px;
    background: #fff;
    color: var(--cpr-text);
    font: inherit;
    font-weight: 600;
    line-height: 1.2;
    text-transform: none;
    letter-spacing: normal;
    box-shadow: none;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease;
}
.cpr-widget .cpr-button:hover:not(:disabled),
.cpr-widget .cpr-button[aria-pressed="true"] {
    background: var(--cpr-accent);
    border-color: var(--cpr-accent);
    color: var(--cpr-accent-text);
}
.cpr-widget .cpr-button[aria-pressed="true"] { box-shadow: inset 0 0 0 1px currentColor; }
.cpr-widget .cpr-button:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.cpr-widget .cpr-button:disabled { opacity: .55; cursor: wait; }
.cpr-widget .cpr-button svg { flex: 0 0 20px; width: 20px; height: 20px; }
.cpr-widget .cpr-count {
    min-width: 22px;
    padding: 2px 6px;
    border-radius: 99px;
    background: rgba(0, 0, 0, .06);
    text-align: center;
    font-size: .85em;
    font-variant-numeric: tabular-nums;
}
.cpr-widget .cpr-status { flex-basis: 100%; font-size: 13px; }
.cpr-widget .cpr-status:empty { display: none; }
@media (prefers-reduced-motion: reduce) {
    .cpr-widget .cpr-button { transition: none; }
}