.c-cnn-banner.section{padding-block:0}.c-cnn-banner__inner{text-align:center}.c-cnn-banner--tight .c-cnn-banner__inner{padding-block:var(--space-16)}.c-cnn-banner--loose .c-cnn-banner__inner{padding-block:var(--space-24)}.c-cnn-banner__content{margin-inline:auto;margin-bottom:var(--space-16);max-width:1200}.c-cnn-banner__heading{margin:0 0 8px}.c-cnn-banner__text{margin-bottom:var(--space-8)}.c-cnn-banner__text p{margin:0 0 var(--space-4)}.c-cnn-banner__text p:last-child{margin-bottom:0}.c-cnn-banner__button{margin-top:var(--space-8)}.c-cnn-banner__platforms{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-inline:auto;max-width:1000px}.c-cnn-banner__platform{align-items:center;border-radius:var(--radius-xl);display:flex;gap:var(--space-1);padding-block:var(--space-1);padding-left:var(--space-1)}.c-cnn-banner__platform-logo{display:block;height:auto;max-width:32px;object-fit:contain;width:100%}.c-cnn-banner__platform-badge{align-items:center;background:#f8fefa;border-radius:var(--radius-xl);display:inline-flex;font-size:var(--body-xs-size);font-weight:500;gap:var(--space-1);line-height:var(--body-xs-line);padding:var(--space-1) var(--space-2)}.c-cnn-banner__badge-icon{color:var(--c-green);flex-shrink:0;height:12px;width:12px}.c-cnn-banner__badge-text{color:#15803d;display:inline-block}@media (min-width:768px){.c-cnn-banner__platforms{gap:var(--space-4);grid-template-columns:repeat(6,1fr)}.c-cnn-banner__platform:nth-child(n+7){transform:translate(24px)}.c-cnn-banner__platform:nth-child(-n+6){transform:translate(-24px)}.c-cnn-banner__platforms.mobile{display:none!important}}@media (max-width:767px){section.section.c-cnn-banner .c-cnn-banner__platforms.desktop{display:none}section.section.c-cnn-banner .c-cnn-banner__content{margin-bottom:48px;padding:8px 16px 0}section.section.c-cnn-banner .c-cnn-banner__platforms{display:flex;flex-wrap:wrap;row-gap:15px}section.section.c-cnn-banner .row{column-gap:3px;display:flex;justify-content:center;width:100%}section.section.c-cnn-banner .container{padding:0}section.section.c-cnn-banner{overflow:hidden;padding-bottom:40px}section.section.c-cnn-banner .c-cnn-banner__text{margin-bottom:24px}section.section.c-cnn-banner .c-cnn-banner__heading{margin-bottom:8px}section.section.c-cnn-banner .c-cnn-banner__platform{gap:10px;justify-content:center;min-width:151px}section.section.c-cnn-banner .row:first-child{justify-content:flex-start}section.section.c-cnn-banner .c-cnn-banner__heading{line-height:28px}}