/* Container styling */ .subscribe-form { display: flex; flex-wrap: wrap; max-width: 400px; margin: 0 auto; background: #ffffff; /* White background */ border-radius: 50px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); overflow: hidden; } /* Email input styling */ .subscribe-form input[type="email"] { flex: 1; padding: 12px 20px; border: none; outline: none; font-size: 16px; border-radius: 50px 0 0 50px; } /* Subscribe button styling */ .subscribe-form button { padding: 12px 25px; background: #581d58; /* Maroon-like color */ color: white; font-size: 16px; border: none; cursor: pointer; transition: background 0.3s ease; border-radius: 0 50px 50px 0; } .subscribe-form button:hover { background: #3e1040; /* Slightly darker on hover */ } /* Responsive adjustments */ @media (max-width: 480px) { .subscribe-form { flex-direction: column; border-radius: 25px; } .subscribe-form input[type="email"], .subscribe-form button { border-radius: 25px; width: 100%; margin: 5px 0; } }

---