Newsletter Component Styles

.newsletterErrorMessage{color:red}.newsletterSuccessBox{color:green;margin-bottom:1rem;padding:1rem;background-color:#f0f9ff;border:1px solid #0ea5e9;border-radius:.5rem;text-align:center}.newsletterSuccessTitle{margin:0 0 .5rem;color:#0ea5e9}.newsletterSuccessText{margin:0 0 .5rem}.newsletterSuccessNote{margin:0;font-size:.9rem;color:#64748b}.underWrapper{display:flex;flex-direction:column;align-items:center;margin-top:10rem;margin-bottom:8rem}.newsletterWrapper{display:flex;justify-content:center;gap:0;width:40%;margin-top:3rem;padding:1rem}.inputNewsletter{flex:0 0 80%;border-radius:20px 0 0 20px}.subscribe:hover{background:black;color:var(--light-gray);box-shadow:0 0 20px var(--theme-color)}.subscribeDescription{font-family:Roboto,system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;margin-top:1rem;max-width:600px;text-align:center;text-transform:none;font-size:22px;font-weight:200;color:var(--light-gray);line-height:1.5rem}.subscribeDescription::selection{margin-top:1rem;background:var(--theme-color);transition:background-color 1s ease,box-shadow 1s ease;box-shadow:0 0 20px var(--theme-color);color:black}.my-recaptcha-disclaimer a{color:#8B5CF6;text-decoration:underline;transition:color .3s ease}.my-recaptcha-disclaimer a:hover{color:#7C3AED}.subscribe{border-radius:0 10rem 10rem 0}@media (max-width:768px){.newsletterWrapper{width:100%;flex-direction:column;gap:1rem}.inputNewsletter,.subscribe{width:100%;border-radius:20px}}