.newsletter-banner{background-color:#007388;container:newsletter-banner/inline-size;width:100%}.newsletter-banner__content{align-items:center;display:flex;justify-content:space-between;padding-bottom:3.125rem;padding-top:3rem}.newsletter-banner .input{border:2px solid #005260;box-shadow:.5rem .5rem 0 0 #00657780,calc(.5rem + 1px) calc(.5rem + 1px) 0 0 #005f7080;font-size:1.125rem;height:70px;min-width:520px;padding:.3em .4em .3em 1.75em}.newsletter-banner__column{align-items:start;display:flex;flex-direction:column;gap:1.25rem;justify-content:space-between;max-width:600px;text-wrap:balance}.newsletter-banner__tag-line{background-color:#005767;border:1px solid #008ca4;border-radius:999px;color:var(--color-text-white);display:inline-block;line-height:1;padding:1rem 2rem;position:relative}.newsletter-banner__text{color:var(--color-text-white);font-family:var(--font-family-secondary);font-size:2.5rem;font-weight:700;line-height:1;text-shadow:-1px -1px 0 var(--color-primary),1px -1px 0 var(--color-primary),-1px 1px 0 var(--color-primary),1px 1px 0 var(--color-primary);text-wrap:balance}.newsletter-banner__button-wrapper{align-items:center;background-color:var(--color-white);border-radius:999px;box-shadow:.5rem .5rem 0 0 #00657750,calc(.5rem + 1px) calc(.5rem + 1px) 0 0 #005f7050;display:flex;justify-content:center;padding:.4rem}.newsletter-banner__button{align-items:center;background-color:#000;border:none;border-radius:999px;color:var(--color-text-white);display:flex;font-weight:700;gap:1rem;justify-content:center;padding:1.125rem 4rem;text-align:center;text-wrap:nowrap;transition:color .3s ease;width:100%}.newsletter-banner__button>*{flex-shrink:0}.newsletter-banner__button:active,.newsletter-banner__button:focus,.newsletter-banner__button:hover{background-color:#1a1a1a;color:var(--color-text-white)}.newsletter-banner__button svg,.newsletter-banner__button-icon{display:block;fill:var(--color-white);height:22px;width:22px}@container newsletter-banner (width < 800px){.newsletter-banner__content{flex-direction:column;gap:2rem}.newsletter-banner__column{max-width:100%}.newsletter-banner__tag-line{display:none}.newsletter-banner__text{font-size:1.75rem;text-align:center}.newsletter-banner__button{padding:1rem 2.25rem}}