.cbkp-checkin-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 14px;
    border: 1px solid var(--brand-border, #dce9df);
    border-radius: 999px;
    background: #fff;
    color: var(--brand-ink, #1f2d24);
    font-weight: 800;
    cursor: pointer;
}

.cbkp-checkin-button i {
    color: var(--brand-primary, #29a349);
}

.cbkp-checkin-button.is-checked {
    border-color: var(--brand-primary, #29a349);
    background: var(--brand-primary-soft, #eaf7ed);
    color: var(--brand-primary-dark, #1f7f38);
}

.cbkp-checkin-button b {
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--brand-primary-soft, #eaf7ed);
    color: var(--brand-primary-dark, #1f7f38);
    font-weight: 900;
}

.cbkp-checkin-button.is-checked b {
    background: #fff;
}

.cbkp-checkin-button.is-loading {
    opacity: .6;
    cursor: wait;
}