.cc-banner-small{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3x);align-items:center;padding:var(--space-3x);background-color:var(--color-surface-brand-subtle);color:var(--color-text-paragraph);text-decoration:none}.cc-banner-small:hover,.cc-banner-small:focus-visible{text-decoration:none}.cc-banner-small:hover .cc-banner-small__title,.cc-banner-small:focus-visible .cc-banner-small__title{text-decoration:underline}.cc-banner-small:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.cc-banner-small--has-icon{grid-template-columns:minmax(0,1fr) var(--scale-5x)}.cc-banner-small__content{display:flex;min-width:0;flex-direction:column;gap:var(--space-1x)}.cc-banner-small__title{margin:0}.cc-banner-small__text{color:var(--color-text-caption);font-size:var(--space-2x);line-height:var(--space-2-5x)}.cc-banner-small__text *{color:inherit;font-size:inherit;line-height:inherit}.cc-banner-small__icon{display:flex;justify-self:end;width:var(--scale-5x);height:var(--scale-5x);align-items:center;justify-content:center;color:var(--color-brand-primary);--fill-icon: var(--color-brand-primary);--icon-color: var(--color-brand-primary)}.cc-banner-small__icon .bc-icon,.cc-banner-small__icon .icon,.cc-banner-small__icon svg{width:var(--scale-5x);height:var(--scale-5x);color:var(--color-brand-primary);fill:var(--color-brand-primary);--fill-icon: var(--color-brand-primary);--icon-color: var(--color-brand-primary)}
