.cta-block{padding-block:var(--section-y)}.cta-block__inner{margin-inline:auto;max-width:var(--cta-block-max-width,700px);padding-inline:var(--space-4);text-align:center}.cta-block__heading{font-size:var(--text-display-lg);line-height:var(--leading-snug);margin-bottom:var(--space-3)}.cta-block__body{margin-bottom:var(--space-6)}.cta-block__body :last-child{margin-bottom:0}.cta-block__button{border-radius:var(--radius-pill);display:inline-block;font-family:var(--font-sans);padding:var(--space-3) var(--space-6);text-decoration:none;text-transform:uppercase;transition:background-color var(--transition);font-weigth:600}.cta-block--bg-yellow{background-color:var(--color-yellow);color:var(--color-navy)}.cta-block--bg-yellow .cta-block__button{background-color:var(--color-navy);color:var(--color-white)}.cta-block--bg-yellow .cta-block__button:focus,.cta-block--bg-yellow .cta-block__button:hover{background-color:var(--abi-navy-700)}.cta-block--bg-cream{background-color:var(--color-cream);color:var(--color-navy)}.cta-block--bg-cream .cta-block__button{background-color:var(--color-navy);color:var(--color-white)}.cta-block--bg-cream .cta-block__button:focus,.cta-block--bg-cream .cta-block__button:hover{background-color:var(--abi-navy-700)}.cta-block--bg-navy{background-color:var(--color-navy);color:var(--color-cream)}.cta-block--bg-navy .cta-block__button{background-color:var(--color-yellow);color:var(--color-navy)}.cta-block--bg-navy .cta-block__button:focus,.cta-block--bg-navy .cta-block__button:hover{background-color:var(--color-yellow-hover)}.cta-block--bg-green{background-color:var(--color-green);color:var(--color-cream)}.cta-block--bg-green .cta-block__button{background-color:var(--color-yellow);color:var(--color-navy)}.cta-block--bg-green .cta-block__button:focus,.cta-block--bg-green .cta-block__button:hover{background-color:var(--color-yellow-hover)}.cta-block--bg-cream :is(h1,h2,h3,h4,h5,h6,p,strong,em),.cta-block--bg-green :is(h1,h2,h3,h4,h5,h6,p,strong,em),.cta-block--bg-navy :is(h1,h2,h3,h4,h5,h6,p,strong,em),.cta-block--bg-yellow :is(h1,h2,h3,h4,h5,h6,p,strong,em){color:inherit}@media (width <= 767px){.cta-block__heading :is(h1,h2,h3){font-size:1.75rem}}