.newsletter-banner{background-color:var(--background-color-accent);border-top:4px solid var(--main-color);padding:2rem 1.5rem}.newsletter-banner .newsletter-banner__inner{max-width:var(--max-width);text-align:left;flex-direction:column;gap:1.5rem;margin:0 auto;display:flex}@media (min-width:800px){.newsletter-banner .newsletter-banner__inner{flex-direction:row;justify-content:space-between;align-items:center;gap:3rem}}.newsletter-banner .newsletter-banner__text{flex-direction:column;gap:.5rem;display:flex}.newsletter-banner .newsletter-banner__text h2{color:var(--secondary-color);align-items:center;gap:.6rem;margin:0;font-size:1.5rem;font-weight:700;display:flex}.newsletter-banner .newsletter-banner__text h2:before{content:"";background-color:var(--secondary-color);flex:0 0 28px;width:28px;height:28px;-webkit-mask:url(/images/icons/shadil-email.svg) 50%/contain no-repeat;mask:url(/images/icons/shadil-email.svg) 50%/contain no-repeat}.newsletter-banner .newsletter-banner__text p{color:var(--text-color);max-width:46ch;margin:0}.newsletter-banner .newsletter-banner__form{flex-direction:column;gap:.5rem;display:flex}@media (min-width:800px){.newsletter-banner .newsletter-banner__form{flex:none;min-width:420px}}.newsletter-banner .newsletter-banner__form .newsletter-button{background:var(--accent-color)}.newsletter-banner .newsletter-banner__form .newsletter-button:hover:not(:disabled){background:var(--main-highlight-color)}.newsletter-banner .newsletter-banner__form .newsletter-input{border-color:var(--main-highlight-color)}.newsletter-banner .newsletter-banner__note{color:var(--text-color);margin:0;font-size:.85rem}.newsletter-banner .newsletter-banner__note a{color:var(--secondary-color);text-decoration:underline}.newsletter-banner .newsletter-banner__note a:hover{color:var(--accent-color)}@media print{.newsletter-banner{display:none}}