Custom 3D Rubber Lapel Pins - Order Online

/* ================================ Order Online (Clean + CRO - Short Copy) Product: Custom 3D Rubber Lapel Pins - Order Online Page: https://www.3dshoecharms.com/products/custom-3d-rubber-pins Principle: Only explain the process + what may confuse buyers (Do NOT repeat clearly-visible option details) Fix: Mobile responsive + no overflow ================================ */ .order-online-wrapper{ --text: #121212; --line: #e8e8e8; --bg-soft: #f7f7f7; --radius: 10px; --btn-bg: #000; --btn-text: #fff; --btn-border: #000; --btn2-bg: #fff; --btn2-text: #000; --btn2-border: #000; --title-size: 18px; --body-size: 16px; --small-size: 14px; font-size: var(--body-size); color: var(--text); line-height: 1.75; max-width: 100%; } .order-online-wrapper *{ color: var(--text); } .order-online-wrapper .oo-lead{ margin: 0 0 14px 0; font-size: var(--body-size); overflow-wrap: anywhere; } .order-online-wrapper .oo-lead .oo-strong{ display: block; font-weight: 800; font-size: var(--title-size); margin-bottom: 6px; overflow-wrap: anywhere; } .order-online-wrapper .oo-divider{ border: 0; border-top: 1px solid var(--line); margin: 18px 0; } .order-online-wrapper .oo-step{ margin: 0 0 18px 0; } .order-online-wrapper .oo-step-title{ margin: 0 0 8px 0; font-size: var(--title-size); font-weight: 800; letter-spacing: .1px; text-transform: none; overflow-wrap: anywhere; } .order-online-wrapper .oo-step-sub{ margin: 0 0 10px 0; font-size: var(--body-size); overflow-wrap: anywhere; } .order-online-wrapper .oo-list{ margin: 0; padding-left: 18px; } .order-online-wrapper .oo-list li{ margin: 6px 0; overflow-wrap: anywhere; } .order-online-wrapper .oo-card{ background: var(--bg-soft); border: 1px solid var(--line); border-radius: var(--radius); padding: 14px 16px; margin: 18px 0; box-sizing: border-box; } .order-online-wrapper .oo-card-title{ margin: 0 0 8px 0; font-size: var(--title-size); font-weight: 800; overflow-wrap: anywhere; } .order-online-wrapper .oo-card-row{ margin: 6px 0; overflow-wrap: anywhere; } .order-online-wrapper .oo-cta{ text-align: center; margin-top: 18px; } .order-online-wrapper .oo-cta-title{ margin: 0 0 12px 0; font-size: var(--title-size); font-weight: 800; overflow-wrap: anywhere; } /* CTA buttons layout (two buttons, consistent & responsive) */ .order-online-wrapper .oo-cta-actions{ display: flex; gap: 12px; justify-content: center; align-items: stretch; flex-wrap: wrap; margin: 0 auto; max-width: 720px; } .order-online-wrapper .oo-cta-btn{ display: inline-flex; align-items: center; justify-content: center; background: var(--btn-bg); color: var(--btn-text) !important; border: 1px solid var(--btn-border); padding: 16px 30px; border-radius: 8px; text-decoration: none; font-weight: 800; font-size: 16px; letter-spacing: .2px; min-height: 52px; min-width: 280px; white-space: nowrap; box-sizing: border-box; max-width: 100%; } .order-online-wrapper .oo-cta-btn:hover{ opacity: .92; } .order-online-wrapper .oo-cta-btn--secondary{ background: var(--btn2-bg); color: var(--btn2-text) !important; border: 1px solid var(--btn2-border); } .order-online-wrapper .oo-cta-btn--secondary:hover{ background:#f6f6f6; } .order-online-wrapper .oo-cta-note{ margin-top: 10px; font-size: var(--small-size); opacity: .9; overflow-wrap: anywhere; } @media (max-width: 768px){ .order-online-wrapper{ --title-size: 17px; --body-size: 16px; --small-size: 14px; overflow-x: hidden; } .order-online-wrapper .oo-cta-actions{ flex-direction: column; gap: 10px; align-items: stretch; } .order-online-wrapper .oo-cta-btn{ width: 100%; max-width: 100%; min-width: 0; padding: 16px 16px; white-space: normal; word-break: break-word; } } Order Custom 3D Rubber Lapel Pins Online Choose quantity, select your pin type, upload your logo, and checkout. We’ll email your digital proof within 24 hours, and production starts only after you approve it. Step 1 · Choose Quantity Pick your quantity and the price updates automatically. Minimum: 20 pcs . Step 2 · Choose Your Pin Type Select the finish that fits your project. Standard is the most common choice. Glow-in-the-dark is great for fun or night-themed designs. UV color-changing works best for outdoor use and sunlight-reactive effects. Step 3 · Upload Logo Upload your logo or artwork file. If you want a specific shape outline, layer depth, glow area, UV-changing area, or backing request, leave it in the Comments box. Best files: AI, PDF, SVG, or high-resolution PNG No worries: if you only have a screenshot or simple image, upload it and our team can help prepare the artwork Step 4 · Choose Delivery Time Delivery time includes production + shipping from payment to delivery. Choose the option that best matches your event date or deadline. Rush Guarantee Carrier delay → rush fee refunded. Miss your event date due to delay → full refund. Step 5 · Checkout Add to cart and pay securely. We’ll send your proof within 24 hours for approval, and you can request revisions before we move into mass production. No Surprises Tax-free · Free shipping · No hidden fees Proof approval before production 100% quality check before shipping Quality issue? 100% refund guarantee Special request or want to see a proof before paying? Get Free Proof & Quote Order a $9.9 Sample Free proof · No payment required · Reply within 24 hours