.newsletter-with-modal{display:flex;flex-direction:column;padding:20px 15px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:15px;border:1px solid var(--color-border2);background:#fff;font-family:"Routine Pro";background-image:url(../../../../images/newsletter-desktop.svg);background-repeat:no-repeat;background-position:right 20px}.newsletter-with-modal__text{display:flex;flex-direction:column;align-items:inherit;text-align:inherit}.newsletter-with-modal__title{margin:0;color:var(--color-two);line-height:normal;font-size:24px;font-style:normal;font-weight:700}.newsletter-with-modal__description{margin:4px 0 0;color:var(--color-two);line-height:normal;font-size:16px;font-style:normal;font-weight:400}.newsletter-with-modal__form{display:flex;flex-direction:column;align-items:center;width:396px;gap:20px;margin-top:20px}.newsletter-with-modal__input{flex:1;padding:12px;border-radius:10px;border:1px solid var(--color-two);color:1px solid var(--color-two);line-height:normal;width:100%;font-size:14px;font-style:normal;font-weight:400}.newsletter-with-modal__button{cursor:pointer;display:flex;width:138px;padding:6px 15px;justify-content:center;align-items:center;border-radius:35px;background:var(--color-four);color:var(--color-two);line-height:20px;letter-spacing:0.1px;border:unset;transition:opacity 0.2s ease;font-size:14px;font-style:normal;font-weight:500}.newsletter-with-modal__button:hover{opacity:0.85}@media (min-width: 1024px){.newsletter-with-modal--wide{flex-direction:row;align-items:center;justify-content:flex-start;gap:20px 40px;padding:30px 230px 30px 40px;background-position:right 40px center;background-size:150px}.newsletter-with-modal--wide .newsletter-with-modal__text{flex:1 1 auto;align-items:flex-start;text-align:left}.newsletter-with-modal--wide .newsletter-with-modal__form{flex:0 1 420px;flex-direction:row;width:auto;gap:12px;margin-top:0}.newsletter-with-modal--wide .newsletter-with-modal__button{flex-shrink:0}}