.notification-optin { display: flex; margin: 24px auto; padding: 20px 24px; border: 1px solid rgba(104,133,150,.25); border-radius: 18px; align-items: center; gap: 22px; background: rgba(255,254,253,.92); color: #2f3b44; }
.notification-optin[hidden], .notification-optin [hidden] { display: none !important; }
.notification-optin__copy { flex: 1; min-width: 0; }
.notification-optin strong { font-size: .9rem; }
.notification-optin p { margin: 6px 0 0; color: #647987; font-size: .78rem; line-height: 1.5; }
.notification-optin button { min-height: 44px; padding: 10px 17px; border: 1px solid #647987; border-radius: 999px; background: transparent; color: #2f3b44; cursor: pointer; font: inherit; font-size: .75rem; font-weight: 700; }
.notification-optin button:disabled { opacity: .55; cursor: default; }
@media (max-width: 700px) { .notification-optin { padding: 18px; align-items: stretch; flex-direction: column; gap: 12px; } }
.notification-optin strong { font-size:17px; }.notification-optin p { font-size:16px;color:#465e6c; }.notification-optin button { min-height:50px;font-size:16px; }