@layer sections{.promo-banner{background-color:var(--color-gray-50);background-image:linear-gradient(90deg, color-mix(in srgb, var(--color-promo) 24%, transparent), transparent 70%);border-block:var(--border-width) solid color-mix(in srgb, var(--color-promo) 45%, var(--border-color));padding-block:var(--space-default);position:relative}.promo-banner__inner{justify-content:space-between;align-items:center;gap:var(--space-xs) var(--space-lg);flex-wrap:wrap;display:flex}.promo-banner__copy{color:var(--color-gray-700);flex:20rem;margin:0}.promo-banner__title{color:var(--color-gray-900);font-size:var(--size-lg)}.promo-banner__highlight{color:var(--color-promo);font-weight:800}.promo-banner__action{align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-default);border-radius:var(--radius);background:var(--color-promo);color:var(--color-promo-ink);white-space:nowrap;flex:none;font-weight:700;text-decoration:none;display:inline-flex}.promo-banner__action:after{content:"";position:absolute;inset:0}.promo-banner__arrow{block-size:1rem;inline-size:1rem;transition:transform .22s cubic-bezier(.16,1,.3,1)}.promo-banner:hover .promo-banner__arrow{transform:translate(.25rem)}.promo-banner :focus-visible{outline-color:var(--color-promo)}}