.banner{display:block;padding:var(--spacing-6);border:1px solid var(--banner-border);background-color:var(--banner-bg);color:var(--color-text)}.banner__content{display:flex;align-items:center;justify-content:space-between}.banner--compact{padding:var(--spacing-3) var(--spacing-4)}.banner--purple{--color-text:var(--color-purple);--banner-border:var(--color-purple-200);--banner-bg:var(--color-purple-50)}.banner--purple-700{--color-text:var(--color-neutral-white);--banner-border:var(--color-purple-700);--banner-bg:var(--color-purple-700)}