.zarin-no-purchase { width: 100% !important; box-sizing: border-box !important; text-align: center !important; margin: 0px 0 !important; padding: 40px 24px !important; } .zarin-no-purchase svg { display: block !important; margin: 0 auto 16px !important; width: 72px !important; height: 72px !important; color: #2563eb !important; } .zarin-no-purchase p { font-size: 1.05rem !important; color: #1f2937 !important; font-weight: 600 !important; margin: 0 0 22px !important; line-height: 1.8 !important; } .zarin-no-purchase a { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; background: #2563eb !important; color: #fff !important; padding: 12px 22px !important; border-radius: 12px !important; text-decoration: none !important; font-weight: 600 !important; font-size: 0.95rem !important; transition: all 0.25s ease !important; box-shadow: 0 6px 18px rgba(37, 99, 235, 0.25) !important; flex-direction: row-reverse !important; } .zarin-no-purchase a:hover { background: #1d4ed8 !important; transform: translateY(-2px) !important; } .zarin-no-purchase a svg { width: 16px !important; height: 16px !important; margin: 0 !important; flex-shrink: 0 !important; color: currentColor !important; } @media (max-width: 480px) { .zarin-no-purchase { padding: 28px 18px !important; border-radius: 14px !important; } .zarin-no-purchase svg { width: 60px !important; height: 60px !important; } .zarin-no-purchase p { font-size: 0.98rem !important; } .zarin-no-purchase a { width: 100% !important; max-width: 280px !important; } }