.callout-wrp{container-type:inline-size}.callout-layout{display:flex;gap:var(--main-padding);padding:var(--main-padding);border-radius:var(--main-border-radius);background-color:var(--accent-color-soft-l2)}.callout-icon-wrp{display:table;flex-shrink:0}.callout-icon-wrp svg{height:22px;width:22px;color:var(--accent-color-ink)}.callout-details{display:flex;flex:1;min-width:0;flex-direction:column;gap:var(--main-padding)}.callout-texts{display:flex;max-width:640px;flex-direction:column;gap:4px}.callout-title+.callout-text{color:var(--color-neutral-l2);font-size:14px;letter-spacing:0.2px}.callout-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:6px}@container (min-width: 560px){.callout-details{flex-direction:row;align-items:center;justify-content:space-between}.callout-texts{flex:1}.callout-buttons{flex-shrink:0;flex-wrap:nowrap}}