.pbcc-offers {
    display: grid;
    gap: 12px;
    margin: 0 0 18px;
}
.pbcc-offer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 12px;
    background: #fff;
    box-sizing: border-box;
}
.pbcc-offer--notice { border-left-width: 4px; }
.pbcc-offer--compact { padding: 10px 12px; border-radius: 8px; }
.pbcc-offer.is-applied { opacity: .88; }
.pbcc-offer__content { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.pbcc-offer__headline { font-size: 1em; line-height: 1.35; }
.pbcc-offer__message { font-size: .92em; line-height: 1.45; opacity: .82; }
.pbcc-offer__applied { margin-top: 3px; font-size: .88em; font-weight: 600; }
.pbcc-offer__apply { flex: 0 0 auto; white-space: nowrap; }
.pbcc-offer__apply.is-busy { opacity: .65; cursor: wait; }
.pbcc-offers--blocks { margin: 8px 0 12px; width: 100%; }
@media (max-width: 640px) {
    .pbcc-offer { align-items: stretch; flex-direction: column; }
    .pbcc-offer__apply { width: 100%; }
}

.pbcc-offer--type-success{--pbcc-notice-accent:#1e8e3e}.pbcc-offer--type-error{--pbcc-notice-accent:#b32d2e}.pbcc-offer--type-info{--pbcc-notice-accent:#2271b1}.pbcc-offer--notice{border-inline-start:4px solid var(--pbcc-notice-accent,#2271b1)}