.pb{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-wrap:wrap;align-items:center;gap:16px;padding:16px 16px 16px 20px;display:flex}.pb-ico{background:var(--hue-indigo-soft);width:44px;height:44px;color:var(--hue-indigo-ink);border-radius:12px;flex:0 0 44px;justify-content:center;align-items:center;display:inline-flex}.pb-text{flex-direction:column;flex:320px;gap:4px;min-width:0;display:flex}.pb-title{color:var(--fg);font-size:16px;font-weight:750}.pb-sub{color:var(--fg-muted);font-size:13.5px}.pb-cta{box-sizing:border-box;background:var(--hue-indigo-deep);color:#fff;white-space:nowrap;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-size:15px;font-weight:700;display:inline-flex}.pb-x{width:44px;height:44px;color:var(--fg-body);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:0 0 44px;justify-content:center;align-items:center;padding:0;display:inline-flex}.pb-cta:focus-visible,.pb-x:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (hover:hover){.pb-x:hover{background:var(--track)}.pb-cta:hover{filter:brightness(1.08)}}@media (max-width:639.98px){.pb{align-items:flex-start;gap:12px;padding:14px;position:relative}.pb-ico{flex-basis:40px;width:40px;height:40px}.pb-text{flex:1 1 0;padding:2px 44px 0 0}.pb-cta{flex:100%;min-height:48px}.pb-x{position:absolute;top:8px;right:8px}}