.callout{background:var(--bg-color);border:1px solid var(--navy-base);border-radius:var(--radius-md);margin:0 auto;max-width:905px;overflow:clip;padding:var(--spacing-12x);position:relative;text-align:center;width:100%;z-index:0;&.callout--dark{--bg-color:var(--navy-base);--shape-color:rgb(from var(--white) r g b/.3)}&.callout--light{--bg-color:var(--white);--shape-color:var(--blue-base)}& .btn-group{margin-top:var(--spacing-4x)}}.callout__shape{height:auto;inset:-343px auto auto -51px;opacity:.18;position:absolute;width:1165px;z-index:1;.callout--light &{opacity:.05}& svg path{fill:var(--shape-color)}}.callout__body{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-4x);margin:0 auto;max-width:500px;position:relative;z-index:2}