.notification-optin { position: fixed; right: 18px; bottom: 18px; z-index: 11950; display: flex; align-items: center; gap: 14px; max-width: min(430px, calc(100vw - 36px)); padding: 12px 14px; border: 1px solid rgba(77, 163, 238, 0.42); border-radius: 8px; background: rgba(3, 28, 54, 0.97); color: #fff; box-shadow: 0 18px 50px rgba(0, 0, 0, 0.38); direction: rtl; }
.notification-optin div { min-width: 0; }
.notification-optin strong, .notification-optin span { display: block; }
.notification-optin strong { font-size: 13px; }
.notification-optin span { margin-top: 2px; color: #b8cfe3; font-size: 10px; line-height: 1.6; }
.notification-optin button { flex: 0 0 auto; min-height: 42px; padding: 0 13px; border: 0; border-radius: 6px; background: #ff9d2e; color: #17100a; font: inherit; font-size: 11px; font-weight: 900; cursor: pointer; }
.notification-optin button:focus-visible { outline: 3px solid rgba(86, 181, 255, 0.75); outline-offset: 3px; }
@media (max-width: 560px) { .notification-optin { right: 10px; left: 10px; bottom: 10px; max-width: none; align-items: stretch; flex-direction: column; } .notification-optin button { width: 100%; } }