{"id":382,"date":"2026-01-11T09:39:27","date_gmt":"2026-01-11T09:39:27","guid":{"rendered":"https:\/\/veperpins.com\/?page_id=382"},"modified":"2026-08-25T06:34:33","modified_gmt":"2026-08-25T06:34:33","slug":"custom-pin","status":"publish","type":"page","link":"https:\/\/veperpins.com\/custom-pin\/","title":{"rendered":"Custom Lapel Pins"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n.vp-lapel-intro,\n.vp-lapel-intro * {\n  box-sizing: border-box;\n}\n\n.vp-lapel-intro {\n  max-width: calc(100% - 24px);\n  margin: 0 auto 34px;\n  padding: 70px 20px 64px;\n  border-radius: 28px;\n  background:\n    radial-gradient(circle at top left, rgba(47, 107, 255, 0.10), transparent 32%),\n    radial-gradient(circle at bottom right, rgba(255, 198, 83, 0.14), transparent 30%),\n    linear-gradient(135deg, #f8fbff 0%, #eef4ff 100%);\n  border: 1px solid #e3ebf7;\n  overflow: hidden;\n}\n\n.vp-lapel-intro__inner {\n  max-width: 1120px;\n  margin: 0 auto;\n  text-align: center;\n}\n\n.vp-lapel-intro h1 {\n  margin: 0 0 26px;\n  color: #151b26;\n  font-size: clamp(32px, 4vw, 56px);\n  line-height: 1.12;\n  font-weight: 900;\n  letter-spacing: -0.035em;\n}\n\n.vp-lapel-intro p {\n  max-width: 980px;\n  margin: 0 auto 14px;\n  color: #374151;\n  font-size: clamp(16px, 1.6vw, 20px);\n  line-height: 1.6;\n  font-weight: 400;\n}\n\n.vp-lapel-intro p:last-child {\n  margin-bottom: 0;\n}\n\n@media (max-width: 768px) {\n  .vp-lapel-intro {\n    max-width: calc(100% - 16px);\n    margin-bottom: 26px;\n    padding: 48px 18px 44px;\n    border-radius: 22px;\n  }\n\n  .vp-lapel-intro__inner {\n    text-align: left;\n  }\n\n  .vp-lapel-intro h1 {\n    margin-bottom: 20px;\n    font-size: 32px;\n    line-height: 1.18;\n  }\n\n  .vp-lapel-intro p {\n    font-size: 15.5px;\n    line-height: 1.65;\n  }\n}\n\n@media (max-width: 480px) {\n  .vp-lapel-intro {\n    padding: 40px 16px;\n    border-radius: 20px;\n  }\n\n  .vp-lapel-intro h1 {\n    font-size: 28px;\n  }\n}\n<\/style>\n\n<section class=\"vp-lapel-intro\">\n  <div class=\"vp-lapel-intro__inner\">\n    <h1>Custom Lapel Pins<\/h1>\n\n    <p>\n     Whether you\u2019re ordering pins in bulk for your business or turning your artwork into pins to sell, VeperPins makes the whole process easy. You\u2019ll get high-quality custom lapel pins at an affordable price. Send us your design or idea, and let\u2019s get started.\n    <\/p>\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n.vp-pin-categories {\n  width: 100%;\n  padding: 44px 20px 76px;\n  background: #f8fafc;\n}\n\n.vp-pin-categories * {\n  box-sizing: border-box;\n}\n\n.vp-pin-wrap {\n  max-width: 1360px;\n  margin: 0 auto;\n}\n\n.vp-pin-grid {\n  display: grid;\n  grid-template-columns: repeat(6, 1fr);\n  gap: 26px;\n}\n\n.vp-pin-card {\n  grid-column: span 2;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  text-decoration: none;\n  color: inherit;\n  background: #ffffff;\n  border: 1px solid #e8edf3;\n  border-radius: 22px;\n  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);\n  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;\n}\n\n.vp-pin-card:nth-child(4) {\n  grid-column: 2 \/ span 2;\n}\n\n.vp-pin-card:nth-child(5) {\n  grid-column: 4 \/ span 2;\n}\n\n.vp-pin-card:hover {\n  transform: translateY(-6px);\n  border-color: #d8b76a;\n  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.13);\n}\n\n.vp-pin-img {\n  position: relative;\n  height: 300px;\n  padding: 32px 32px 18px;\n  background: #ffffff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n.vp-pin-img img {\n  display: block;\n  max-width: 100%;\n  max-height: 100%;\n  width: auto;\n  height: auto;\n  object-fit: contain;\n  transition: transform 0.25s ease;\n  position: relative;\n  z-index: 1;\n}\n\n.vp-pin-card:hover .vp-pin-img img {\n  transform: scale(1.04);\n}\n\n.vp-pin-img::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -90%;\n  width: 58%;\n  height: 100%;\n  background: linear-gradient(\n    115deg,\n    transparent 0%,\n    rgba(255, 218, 128, 0.08) 28%,\n    rgba(255, 232, 166, 0.35) 43%,\n    rgba(255, 255, 255, 0.72) 50%,\n    rgba(255, 210, 90, 0.34) 58%,\n    rgba(255, 218, 128, 0.08) 72%,\n    transparent 100%\n  );\n  transform: skewX(-18deg);\n  pointer-events: none;\n  z-index: 2;\n}\n\n.vp-pin-card:hover .vp-pin-img::after {\n  animation: vpPinGoldShine 0.9s ease;\n}\n\n@keyframes vpPinGoldShine {\n  0% { left: -90%; }\n  100% { left: 135%; }\n}\n\n.vp-pin-body {\n  padding: 8px 24px 30px;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.vp-pin-tag {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 14px;\n  padding: 7px 14px;\n  border-radius: 999px;\n  background: #f3f5f8;\n  color: #637083;\n  font-size: 12px;\n  line-height: 1;\n  font-weight: 700;\n  white-space: nowrap;\n  transition: background 0.22s ease, color 0.22s ease;\n}\n\n.vp-pin-card:hover .vp-pin-tag {\n  background: #fff7df;\n  color: #b98216;\n}\n\n.vp-pin-body h2 {\n  margin: 0 0 22px;\n  color: #151b26;\n  font-size: 25px;\n  line-height: 1.22;\n  font-weight: 800;\n  letter-spacing: -0.25px;\n}\n\n.vp-pin-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 44px;\n  padding: 0 22px;\n  border-radius: 999px;\n  background: #151b26;\n  color: #ffffff;\n  font-size: 14px;\n  line-height: 1;\n  font-weight: 700;\n  transition: background 0.22s ease, transform 0.22s ease;\n}\n\n.vp-pin-link::after {\n  content: \"\u2192\";\n  margin-left: 8px;\n}\n\n.vp-pin-card:hover .vp-pin-link {\n  background: #c9942c;\n  transform: translateY(-1px);\n}\n\n.vp-pin-card:focus-visible {\n  outline: 3px solid rgba(201, 148, 44, 0.35);\n  outline-offset: 4px;\n}\n\n@media (max-width: 1100px) {\n  .vp-pin-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 22px;\n  }\n  .vp-pin-card,\n  .vp-pin-card:nth-child(4),\n  .vp-pin-card:nth-child(5) {\n    grid-column: auto;\n  }\n  .vp-pin-img { height: 280px; }\n}\n\n@media (max-width: 640px) {\n  .vp-pin-categories { padding: 32px 14px 56px; }\n  .vp-pin-grid { grid-template-columns: 1fr; gap: 18px; }\n  .vp-pin-card { border-radius: 20px; }\n  .vp-pin-img { height: 245px; padding: 24px 22px 12px; }\n  .vp-pin-body { padding: 6px 20px 24px; }\n  .vp-pin-body h2 { margin-bottom: 20px; font-size: 22px; }\n  .vp-pin-link { min-height: 42px; font-size: 14px; }\n}\n<\/style>\n\n<section class=\"vp-pin-categories\" aria-label=\"Custom pin product categories\">\n  <div class=\"vp-pin-wrap\">\n    <div class=\"vp-pin-grid\">\n\n      <a class=\"vp-pin-card\" href=\"https:\/\/veperpins.com\/custom-enamel-pins\/\" aria-label=\"Start customizing Custom Enamel Pins\">\n        <div class=\"vp-pin-img\">\n          <img\n            src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/05\/custom-soft-enamel-pins-for-events-and-promotions.webp\"\n            alt=\"Custom soft enamel pins for events and promotions\"\n            loading=\"lazy\"\n            decoding=\"async\">\n        <\/div>\n        <div class=\"vp-pin-body\">\n          <span class=\"vp-pin-tag\">Most Popular<\/span>\n          <h2>Custom Enamel Pins<\/h2>\n          <span class=\"vp-pin-link\">Customize Now<\/span>\n        <\/div>\n      <\/a>\n\n      <a class=\"vp-pin-card\" href=\"https:\/\/veperpins.com\/custom-pin\/custom-die-struck-pins\/\" aria-label=\"Start customizing Custom Die Struck Pins\">\n        <div class=\"vp-pin-img\">\n          <img\n            src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/05\/custom-die-struck-pins.webp\"\n            alt=\"Custom die struck pins\"\n            loading=\"lazy\"\n            decoding=\"async\">\n        <\/div>\n        <div class=\"vp-pin-body\">\n          <span class=\"vp-pin-tag\">Classic Metal Look<\/span>\n          <h2>Custom Die Struck Pins<\/h2>\n          <span class=\"vp-pin-link\">Customize Now<\/span>\n        <\/div>\n      <\/a>\n\n      <a class=\"vp-pin-card\" href=\"https:\/\/veperpins.com\/custom-pin\/custom-trading-pins\/\" aria-label=\"Start customizing Custom Trading Pins\">\n        <div class=\"vp-pin-img\">\n          <img\n            src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/04\/trading-pins-custom.webp\"\n            alt=\"Custom trading pins for sports teams and events\"\n            loading=\"lazy\"\n            decoding=\"async\">\n        <\/div>\n        <div class=\"vp-pin-body\">\n          <span class=\"vp-pin-tag\">Teams &#038; Events<\/span>\n          <h2>Custom Trading Pins<\/h2>\n          <span class=\"vp-pin-link\">Customize Now<\/span>\n        <\/div>\n      <\/a>\n\n      <a class=\"vp-pin-card\" href=\"https:\/\/veperpins.com\/custom-pin\/custom-printed-pins\/\" aria-label=\"Start customizing Custom Printed Pins\">\n        <div class=\"vp-pin-img\">\n          <img\n            src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/03\/custom-prited-pins-.webp\"\n            alt=\"Custom printed pins with full-color artwork\"\n            loading=\"lazy\"\n            decoding=\"async\">\n        <\/div>\n        <div class=\"vp-pin-body\">\n          <span class=\"vp-pin-tag\">Detailed Artwork<\/span>\n          <h2>Custom Printed Pins<\/h2>\n          <span class=\"vp-pin-link\">Customize Now<\/span>\n        <\/div>\n      <\/a>\n\n      <a class=\"vp-pin-card\" href=\"https:\/\/veperpins.com\/custom-pin\/custom-name-tags\/\" aria-label=\"Start customizing Custom Name Tags\">\n        <div class=\"vp-pin-img\">\n          <img\n            src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/03\/custom-name-tags.webp\"\n            alt=\"Custom name tags for business and events\"\n            loading=\"lazy\"\n            decoding=\"async\">\n        <\/div>\n        <div class=\"vp-pin-body\">\n          <span class=\"vp-pin-tag\">Business Use<\/span>\n          <h2>Custom Name Tags<\/h2>\n          <span class=\"vp-pin-link\">Customize Now<\/span>\n        <\/div>\n      <\/a>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n.vp-diy-simple {\n  width: calc(100% - 40px);\n  max-width: 1440px;\n  margin: 24px auto;\n  padding: 72px 20px;\n  box-sizing: border-box;\n  background: #f7faff;\n  border-radius: 32px;\n  overflow: hidden;\n}\n\n.vp-diy-wrap {\n  width: 100%;\n  max-width: 1180px;\n  margin: 0 auto;\n}\n\n.vp-diy-title {\n  margin: 0;\n  text-align: center;\n  font-size: clamp(30px, 4vw, 44px);\n  line-height: 1.12;\n  letter-spacing: -0.03em;\n  color: #111827;\n}\n\n.vp-diy-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 22px;\n  margin-top: 42px;\n}\n\n.vp-diy-card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  padding: 30px 28px;\n  box-sizing: border-box;\n  background: #ffffff;\n  border: 1px solid #e4ebf5;\n  border-radius: 24px;\n  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.06);\n  transition:\n    transform 0.25s ease,\n    box-shadow 0.25s ease,\n    border-color 0.25s ease;\n}\n\n@media (hover: hover) {\n  .vp-diy-card:hover {\n    transform: translateY(-5px);\n    border-color: #bcd0ff;\n    box-shadow: 0 22px 54px rgba(31, 94, 255, 0.12);\n  }\n}\n\n.vp-diy-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 54px;\n  height: 54px;\n  flex: 0 0 54px;\n  margin-bottom: 22px;\n  box-sizing: border-box;\n  background: linear-gradient(135deg, #eef4ff, #ffffff);\n  border: 1px solid #dce7ff;\n  border-radius: 18px;\n}\n\n.vp-diy-icon svg {\n  display: block;\n  width: 28px;\n  height: 28px;\n  fill: none;\n  stroke: #1f5eff;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.vp-diy-card h3 {\n  margin: 0 0 12px;\n  font-size: 20px;\n  line-height: 1.3;\n  color: #111827;\n}\n\n.vp-diy-card p {\n  margin: 0;\n  font-size: 15.5px;\n  line-height: 1.7;\n  color: #5b6472;\n}\n\n@media (max-width: 900px) {\n  .vp-diy-simple {\n    padding: 64px 20px;\n    border-radius: 28px;\n  }\n\n  .vp-diy-grid {\n    grid-template-columns: 1fr;\n    gap: 18px;\n    margin-top: 36px;\n  }\n\n  .vp-diy-card {\n    padding: 26px 22px;\n  }\n}\n\n@media (max-width: 560px) {\n  .vp-diy-simple {\n    width: calc(100% - 24px);\n    margin: 12px auto;\n    padding: 54px 16px;\n    border-radius: 22px;\n  }\n\n  .vp-diy-title {\n    font-size: 30px;\n    line-height: 1.18;\n  }\n\n  .vp-diy-grid {\n    gap: 16px;\n    margin-top: 30px;\n  }\n\n  .vp-diy-card {\n    padding: 24px 20px;\n    border-radius: 20px;\n  }\n\n  .vp-diy-icon {\n    width: 50px;\n    height: 50px;\n    flex-basis: 50px;\n    margin-bottom: 18px;\n    border-radius: 16px;\n  }\n\n  .vp-diy-icon svg {\n    width: 26px;\n    height: 26px;\n  }\n\n  .vp-diy-card h3 {\n    font-size: 18px;\n  }\n\n  .vp-diy-card p {\n    font-size: 15px;\n  }\n}\n<\/style>\n\n<section class=\"vp-diy-simple\">\n  <div class=\"vp-diy-wrap\">\n\n    <h2 class=\"vp-diy-title\">How to Order Custom Lapel Pins<\/h2>\n\n    <div class=\"vp-diy-grid\">\n\n      <!-- Step 1 -->\n      <div class=\"vp-diy-card\">\n        <div class=\"vp-diy-icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M8 4h8\"><\/path>\n            <path d=\"M9 3h6a1 1 0 0 1 1 1v2H8V4a1 1 0 0 1 1-1Z\"><\/path>\n            <path d=\"M7 5H5a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-2\"><\/path>\n            <path d=\"M8 11h8\"><\/path>\n            <path d=\"M8 15h5\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <h3>Send Us Your Details<\/h3>\n\n        <p>\n          Fill out our quote form, choose your pin type, size, and quantity, then upload your logo or artwork. Before uploading, review these <a href=\"https:\/\/veperpins.com\/how-to-avoid-lapel-pin-design-mistakes\/\">common lapel pin design mistakes<\/a>. If you have a specific deadline, let us know.\n        <\/p>\n      <\/div>\n\n      <!-- Step 2 -->\n      <div class=\"vp-diy-card\">\n        <div class=\"vp-diy-icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M6 3h9l4 4v14H6Z\"><\/path>\n            <path d=\"M15 3v5h4\"><\/path>\n            <path d=\"M9 12h6\"><\/path>\n            <path d=\"M9 16h3\"><\/path>\n            <path d=\"M14 17l1.5 1.5L19 15\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <h3>Review Your Quote and Proof<\/h3>\n\n        <p>\n          We\u2019ll send you a detailed quote and digital proof so you can check the colors, shape, and design details.\n        <\/p>\n      <\/div>\n\n      <!-- Step 3 -->\n      <div class=\"vp-diy-card\">\n        <div class=\"vp-diy-icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M3 21V11l6 4v-4l6 4V7h5v14Z\"><\/path>\n            <path d=\"M17 7V3h2v4\"><\/path>\n            <path d=\"M7 18h2\"><\/path>\n            <path d=\"M12 18h2\"><\/path>\n            <path d=\"M17 18h2\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <h3>Approve and Start Production<\/h3>\n\n        <p>\n          Once you approve the artwork and complete payment, we\u2019ll begin production and schedule shipping to meet your event date.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n.vp-pin-guide,\n.vp-pin-guide * {\n  box-sizing: border-box;\n}\n\n.vp-pin-guide {\n  width: 100%;\n  padding: 54px 20px 78px;\n  background: #fff;\n}\n\n.vp-pin-guide-wrap {\n  max-width: 1360px;\n  margin: 0 auto;\n}\n\n.vp-pin-guide-head {\n  max-width: 860px;\n  margin: 0 auto 34px;\n  text-align: center;\n}\n\n.vp-pin-guide-head h2 {\n  margin: 0 0 14px;\n  color: #151b26;\n  font-size: 34px;\n  line-height: 1.2;\n  font-weight: 800;\n  letter-spacing: -0.35px;\n}\n\n.vp-pin-guide-head p {\n  margin: 0;\n  color: #667085;\n  font-size: 16.5px;\n  line-height: 1.65;\n}\n\n.vp-pin-guide-grid {\n  display: grid;\n  grid-template-columns: repeat(6, 1fr);\n  gap: 24px;\n}\n\n.vp-guide-card {\n  grid-column: span 2;\n  appearance: none;\n  -webkit-appearance: none;\n  width: 100%;\n  min-height: 100%;\n  padding: 26px 24px 28px;\n  text-align: center;\n  background: #f8fafc;\n  border: 1px solid #e8edf3;\n  border-radius: 22px;\n  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);\n  cursor: pointer;\n  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;\n}\n\n.vp-guide-card:nth-child(4) {\n  grid-column: 2 \/ span 2;\n}\n\n.vp-guide-card:nth-child(5) {\n  grid-column: 4 \/ span 2;\n}\n\n.vp-guide-card:hover {\n  transform: translateY(-5px);\n  background: #fff;\n  border-color: #e6b7ae;\n  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.11);\n}\n\n.vp-guide-tag {\n  display: inline-flex;\n  margin-bottom: 16px;\n  padding: 7px 14px;\n  border-radius: 999px;\n  background: #f0f3f7;\n  color: #637083;\n  font-size: 12px;\n  line-height: 1;\n  font-weight: 700;\n}\n\n.vp-guide-card h3 {\n  margin: 0 0 12px;\n  color: #151b26;\n  font-size: 23px;\n  line-height: 1.25;\n  font-weight: 800;\n}\n\n.vp-guide-card p {\n  min-height: 82px;\n  margin: 0 0 22px;\n  color: #667085;\n  font-size: 15.5px;\n  line-height: 1.6;\n}\n\n.vp-guide-action {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 42px;\n  padding: 0 20px;\n  border-radius: 999px;\n  background: #151b26;\n  color: #fff;\n  font-size: 14px;\n  line-height: 1;\n  font-weight: 700;\n}\n\n.vp-guide-action::after {\n  content: \"\u2192\";\n  margin-left: 8px;\n}\n\n.vp-guide-card:hover .vp-guide-action {\n  background: #d96d61;\n}\n\n.vp-guide-modal {\n  position: fixed;\n  inset: 0;\n  z-index: 999999;\n  display: none;\n}\n\n.vp-guide-modal.is-open {\n  display: block;\n}\n\n.vp-guide-overlay {\n  position: absolute;\n  inset: 0;\n  background: rgba(15, 23, 42, 0.58);\n  backdrop-filter: blur(4px);\n}\n\n.vp-guide-dialog {\n  position: relative;\n  top: 50%;\n  width: min(760px, calc(100% - 32px));\n  max-height: calc(100dvh - 48px);\n  margin: 0 auto;\n  transform: translateY(-50%);\n  overflow: hidden;\n  background: #fff;\n  border-radius: 24px;\n  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.28);\n}\n\n.vp-guide-close {\n  position: absolute;\n  top: 14px;\n  right: 14px;\n  z-index: 5;\n  width: 34px;\n  height: 34px;\n  padding: 0;\n  border: 0;\n  border-radius: 50%;\n  background: transparent;\n  color: #151b26;\n  font-size: 32px;\n  line-height: 1;\n  font-weight: 400;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: none;\n}\n\n.vp-guide-close:hover {\n  background: #f3f5f8;\n  color: #151b26;\n}\n\n.vp-guide-modal-content {\n  max-height: calc(100dvh - 48px);\n  overflow-y: auto;\n  padding: 42px 42px 40px;\n}\n\n.vp-guide-modal-tag {\n  display: inline-flex;\n  margin-bottom: 16px;\n  padding: 7px 14px;\n  border-radius: 999px;\n  background: #fff1ee;\n  color: #d96d61;\n  font-size: 12px;\n  line-height: 1;\n  font-weight: 800;\n}\n\n.vp-guide-modal-content h3 {\n  margin: 0 0 18px;\n  padding-right: 44px;\n  color: #151b26;\n  font-size: 30px;\n  line-height: 1.22;\n  font-weight: 800;\n}\n\n.vp-guide-modal-content h4 {\n  margin: 24px 0 10px;\n  color: #151b26;\n  font-size: 18px;\n  font-weight: 800;\n}\n\n.vp-guide-modal-content p,\n.vp-guide-modal-content ul {\n  color: #4b5563;\n  font-size: 16px;\n  line-height: 1.7;\n}\n\n.vp-guide-modal-content p {\n  margin: 0 0 14px;\n}\n\n.vp-guide-modal-content ul {\n  margin: 0 0 18px;\n  padding-left: 20px;\n}\n\n.vp-guide-modal-content li {\n  margin-bottom: 6px;\n}\n\n.vp-guide-tip {\n  margin-top: 22px;\n  padding: 16px 18px;\n  background: #f8fafc;\n  border: 1px solid #e8edf3;\n  border-radius: 16px;\n  color: #374151;\n  font-size: 15.5px;\n  line-height: 1.65;\n}\n\nbody.vp-guide-lock {\n  overflow: hidden;\n}\n\n@media (max-width: 1100px) {\n  .vp-pin-guide-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 22px;\n  }\n\n  .vp-guide-card,\n  .vp-guide-card:nth-child(4),\n  .vp-guide-card:nth-child(5) {\n    grid-column: auto;\n  }\n}\n\n@media (max-width: 640px) {\n  .vp-pin-guide {\n    padding: 40px 14px 60px;\n  }\n\n  .vp-pin-guide-head h2 {\n    font-size: 27px;\n  }\n\n  .vp-pin-guide-head p {\n    font-size: 15.5px;\n  }\n\n  .vp-pin-guide-grid {\n    grid-template-columns: 1fr;\n    gap: 18px;\n  }\n\n  .vp-guide-card {\n    padding: 24px 20px 26px;\n    border-radius: 20px;\n  }\n\n  .vp-guide-card h3 {\n    font-size: 21px;\n  }\n\n  .vp-guide-card p {\n    min-height: auto;\n    font-size: 15px;\n  }\n\n  .vp-guide-dialog {\n    width: calc(100% - 24px);\n    border-radius: 20px;\n  }\n\n  .vp-guide-close {\n    top: 12px;\n    right: 12px;\n    width: 32px;\n    height: 32px;\n    font-size: 30px;\n  }\n\n  .vp-guide-modal-content {\n    padding: 34px 22px 30px;\n  }\n\n  .vp-guide-modal-content h3 {\n    padding-right: 38px;\n    font-size: 24px;\n  }\n}\n<\/style>\n\n<section class=\"vp-pin-guide\" aria-labelledby=\"vp-pin-guide-title\">\n  <div class=\"vp-pin-guide-wrap\">\n\n    <div class=\"vp-pin-guide-head\">\n      <h2 id=\"vp-pin-guide-title\">\n        Which Pin Type Works Best for Your Design?\n      <\/h2>\n\n      <p>\n        The artwork usually tells us where to start, but how the pins will be\n        used matters too. If you\u2019re unsure about the base metal, see our\n        <a href=\"https:\/\/veperpins.com\/which-custom-pin-material-should-you-choose\/\">custom pin materials guide<\/a>. Use the guide below to narrow down your\n        options. If you\u2019re still unsure, send us your design and we\u2019ll help you choose.\n      <\/p>\n    <\/div>\n\n    <div class=\"vp-pin-guide-grid\">\n\n      <button class=\"vp-guide-card\" type=\"button\" data-guide=\"enamel\" aria-haspopup=\"dialog\" aria-controls=\"vpGuideModal\">\n        <span class=\"vp-guide-tag\">Enamel Pins<\/span>\n\n        <h3>Bold Color, Classic Pin Look<\/h3>\n\n        <p>\n          Enamel works well for logos, mascots, and illustrations with clear\n          color areas. Choose soft enamel for texture or hard enamel for a\n          smooth, polished surface.\n        <\/p>\n\n        <span class=\"vp-guide-action\">See Details<\/span>\n      <\/button>\n\n      <button class=\"vp-guide-card\" type=\"button\" data-guide=\"die-struck\" aria-haspopup=\"dialog\" aria-controls=\"vpGuideModal\">\n        <span class=\"vp-guide-tag\">Die Struck Pins<\/span>\n\n        <h3>A Clean, All-Metal Finish<\/h3>\n\n        <p>\n          Choose custom die struck pins when the metal itself should carry the\n          design. Raised and recessed details work well for awards, seals, and\n          traditional logos.\n        <\/p>\n\n        <span class=\"vp-guide-action\">See Details<\/span>\n      <\/button>\n\n      <button class=\"vp-guide-card\" type=\"button\" data-guide=\"trading\" aria-haspopup=\"dialog\" aria-controls=\"vpGuideModal\">\n        <span class=\"vp-guide-tag\">Trading Pins<\/span>\n\n        <h3>Built for Teams and Tournaments<\/h3>\n\n        <p>\n          Custom baseball trading pins should be easy to spot and fun to trade.\n          Team colors, mascots, player numbers, and tournament details all have\n          room to stand out.\n        <\/p>\n\n        <span class=\"vp-guide-action\">See Details<\/span>\n      <\/button>\n\n      <button class=\"vp-guide-card\" type=\"button\" data-guide=\"printed\" aria-haspopup=\"dialog\" aria-controls=\"vpGuideModal\">\n        <span class=\"vp-guide-tag\">Printed Pins<\/span>\n\n        <h3>Keep Photos and Fine Details<\/h3>\n\n        <p>\n          When artwork includes photos, gradients, small text, or soft shading,\n          custom printed lapel pins keep more of the original detail.\n        <\/p>\n\n        <span class=\"vp-guide-action\">See Details<\/span>\n      <\/button>\n\n      <button class=\"vp-guide-card\" type=\"button\" data-guide=\"name-tags\" aria-haspopup=\"dialog\" aria-controls=\"vpGuideModal\">\n        <span class=\"vp-guide-tag\">Name Tags<\/span>\n\n        <h3>Make Names Easy to Read<\/h3>\n\n        <p>\n          Custom employee name tags put readability first, with space for a\n          name, title, and company branding without crowding the layout.\n        <\/p>\n\n        <span class=\"vp-guide-action\">See Details<\/span>\n      <\/button>\n\n    <\/div>\n  <\/div>\n\n  <div class=\"vp-guide-modal\" id=\"vpGuideModal\" aria-hidden=\"true\">\n    <div class=\"vp-guide-overlay\" data-close=\"true\"><\/div>\n\n    <div class=\"vp-guide-dialog\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"vpGuideModalTitle\">\n      <button class=\"vp-guide-close\" type=\"button\" aria-label=\"Close guide\">\n        \u00d7\n      <\/button>\n\n      <div class=\"vp-guide-modal-content\">\n        <span class=\"vp-guide-modal-tag\" id=\"vpGuideModalTag\"><\/span>\n\n        <h3 id=\"vpGuideModalTitle\"><\/h3>\n\n        <div id=\"vpGuideModalBody\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const section = document.querySelector(\".vp-pin-guide\");\n\n  if (!section) return;\n\n  const guideData = {\n    enamel: {\n      tag: \"Enamel Pins\",\n      title: \"Bold Color, Classic Pin Look\",\n      body: `\n        <p>\n          Enamel is where most people start. Metal lines separate each color\n          area, so logos, mascots, and illustrations usually come through\n          clearly.\n        <\/p>\n\n        <h4>A good fit for<\/h4>\n\n        <ul>\n          <li>Artwork with solid colors and clear outlines<\/li>\n          <li>Brand logos, club emblems, and illustrated merchandise<\/li>\n          <li>\n            Projects that need color without losing the feel of a metal pin\n          <\/li>\n        <\/ul>\n\n        <p>\n          Soft enamel leaves the color slightly recessed, giving the pin a\n          textured surface. Hard enamel is polished flat for a smoother,\n          more refined finish.\n        <\/p>\n\n        <div class=\"vp-guide-tip\">\n          <strong>Not sure which one?<\/strong>\n          Hard enamel is a popular choice for artists and illustrators creating\n          pins to sell, while soft enamel works well for companies, schools,\n          and organizations ordering custom pins for events, promotions, or\n          group use.\n        <\/div>\n      `\n    },\n\n    \"die-struck\": {\n      tag: \"Die Struck Pins\",\n      title: \"A Clean, All-Metal Finish\",\n      body: `\n        <p>\n          If your design already looks strong without color, die struck may be\n          a better fit than enamel. The artwork is pressed into metal, and the\n          contrast comes from the raised and recessed areas.\n        <\/p>\n\n        <h4>Common uses<\/h4>\n\n        <ul>\n          <li>Service awards and employee recognition pins<\/li>\n          <li>Company seals, badges, and simple logos<\/li>\n          <li>\n            Formal designs that call for a traditional metal finish\n          <\/li>\n        <\/ul>\n\n        <p>\n          A high-polish finish gives the pin a bright, clean appearance.\n          Antique plating adds darker contrast around the recessed details and\n          can make the design feel more traditional.\n        <\/p>\n\n        <div class=\"vp-guide-tip\">\n          <strong>Good to know:<\/strong>\n          Small lettering still needs enough room. An antique finish can\n          improve contrast, but it cannot fix artwork that is too crowded.\n        <\/div>\n      `\n    },\n\n    trading: {\n      tag: \"Trading Pins\",\n      title: \"Built for Teams and Tournaments\",\n      body: `\n        <p>\n          Trading pins are designed around the tournament, not just the\n          artwork. They should be easy to recognize and interesting enough\n          that other players want to trade for them.\n        <\/p>\n\n        <h4>What teams usually include<\/h4>\n\n        <ul>\n          <li>Team names, mascots, and uniform colors<\/li>\n          <li>Player numbers, age divisions, and tournament dates<\/li>\n          <li>\n            Glitter, danglers, spinners, or other collectible add-ons\n          <\/li>\n        <\/ul>\n\n        <p>\n          Trading pins are often larger than everyday lapel pins because team\n          details and add-ons need more room to stay readable.\n        <\/p>\n\n        <div class=\"vp-guide-tip\">\n          <strong>Planning note:<\/strong>\n          Leave enough time for artwork approval, production, and shipping.\n          Starting early also gives you more freedom to adjust the design.\n        <\/div>\n      `\n    },\n\n    printed: {\n      tag: \"Printed Pins\",\n      title: \"Keep Photos and Fine Details\",\n      body: `\n        <p>\n          Some artwork simply does not translate cleanly into enamel. Printing\n          removes the need for a metal border between every color, helping\n          photos, gradients, and fine details stay closer to the original\n          design.\n        <\/p>\n\n        <h4>Printing makes sense for<\/h4>\n\n        <ul>\n          <li>Photos, portraits, gradients, and soft shadows<\/li>\n          <li>Detailed logos with small text or thin lines<\/li>\n          <li>\n            Full-color artwork that would be difficult to separate with metal\n          <\/li>\n        <\/ul>\n\n        <p>\n          Printed pins have a flatter appearance than enamel pins, but they\n          are often the better choice when preserving the original artwork\n          matters most.\n        <\/p>\n\n        <div class=\"vp-guide-tip\">\n          <strong>Artwork note:<\/strong>\n          Tiny details still need enough contrast to remain visible. Check the\n          digital proof at the actual pin size before approving production.\n        <\/div>\n      `\n    },\n\n    \"name-tags\": {\n      tag: \"Name Tags\",\n      title: \"Make Names Easy to Read\",\n      body: `\n        <p>\n          For a name tag, readability comes first. Customers should be able to\n          see an employee\u2019s name without having to study the badge.\n        <\/p>\n\n        <h4>Keep the layout focused<\/h4>\n\n        <ul>\n          <li>Make the employee\u2019s name the most visible element<\/li>\n          <li>\n            Add a job title or department only when it is useful\n          <\/li>\n          <li>\n            Keep the company logo clear without letting it overpower the name\n          <\/li>\n        <\/ul>\n\n        <p>\n          Employee name tags work best with a simple layout. Adding too much\n          text usually makes the badge harder to read at a normal distance.\n        <\/p>\n\n        <div class=\"vp-guide-tip\">\n          <strong>Backing tip:<\/strong>\n          A magnetic backing avoids putting holes in shirts or uniforms. Pin\n          backings are also available when they are a better fit for the\n          order.\n        <\/div>\n      `\n    }\n  };\n\n  const modal = section.querySelector(\"#vpGuideModal\");\n  const modalTag = section.querySelector(\"#vpGuideModalTag\");\n  const modalTitle = section.querySelector(\"#vpGuideModalTitle\");\n  const modalBody = section.querySelector(\"#vpGuideModalBody\");\n  const openButtons = section.querySelectorAll(\".vp-guide-card\");\n  const closeButton = section.querySelector(\".vp-guide-close\");\n\n  let activeTrigger = null;\n\n  if (\n    !modal ||\n    !modalTag ||\n    !modalTitle ||\n    !modalBody ||\n    !closeButton ||\n    !openButtons.length\n  ) {\n    return;\n  }\n\n  function openGuide(key, trigger) {\n    const item = guideData[key];\n\n    if (!item) return;\n\n    activeTrigger = trigger || null;\n\n    modalTag.textContent = item.tag;\n    modalTitle.textContent = item.title;\n    modalBody.innerHTML = item.body;\n\n    modal.classList.add(\"is-open\");\n    modal.setAttribute(\"aria-hidden\", \"false\");\n    document.body.classList.add(\"vp-guide-lock\");\n\n    window.requestAnimationFrame(function () {\n      closeButton.focus();\n    });\n  }\n\n  function closeGuide() {\n    if (!modal.classList.contains(\"is-open\")) return;\n\n    modal.classList.remove(\"is-open\");\n    modal.setAttribute(\"aria-hidden\", \"true\");\n    document.body.classList.remove(\"vp-guide-lock\");\n\n    if (activeTrigger) {\n      activeTrigger.focus();\n    }\n\n    activeTrigger = null;\n  }\n\n  openButtons.forEach(function (button) {\n    button.addEventListener(\"click\", function () {\n      const guideKey = button.getAttribute(\"data-guide\");\n      openGuide(guideKey, button);\n    });\n  });\n\n  closeButton.addEventListener(\"click\", closeGuide);\n\n  modal.addEventListener(\"click\", function (event) {\n    if (\n      event.target &&\n      event.target.getAttribute(\"data-close\") === \"true\"\n    ) {\n      closeGuide();\n    }\n  });\n\n  document.addEventListener(\"keydown\", function (event) {\n    if (\n      event.key === \"Escape\" &&\n      modal.classList.contains(\"is-open\")\n    ) {\n      closeGuide();\n    }\n  });\n});\n<\/script>\n\n\n\n<style data-wp-block-html=\"css\">\n.vp-lapel-uses {\n  padding: 76px 20px;\n  background: #f7faff;\n}\n\n.vp-lapel-uses,\n.vp-lapel-uses * {\n  box-sizing: border-box;\n}\n\n.vp-lapel-uses__inner {\n  max-width: 1180px;\n  margin: 0 auto;\n}\n\n.vp-lapel-uses__head {\n  max-width: 760px;\n  margin: 0 auto 42px;\n  text-align: center;\n}\n\n.vp-lapel-uses__head h2 {\n  margin: 0 0 14px;\n  font-size: clamp(30px, 4vw, 46px);\n  line-height: 1.12;\n  letter-spacing: -0.03em;\n  color: #111827;\n}\n\n.vp-lapel-uses__head p {\n  margin: 0;\n  font-size: 16px;\n  line-height: 1.7;\n  color: #5b6472;\n}\n\n.vp-lapel-uses__grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n}\n\n.vp-lapel-use-card {\n  overflow: hidden;\n  border-radius: 24px;\n  background: #ffffff;\n  border: 1px solid #e4ebf5;\n  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.06);\n  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\n}\n\n.vp-lapel-use-card:hover {\n  transform: translateY(-5px);\n  border-color: #bfd1ff;\n  box-shadow: 0 22px 54px rgba(31, 94, 255, 0.12);\n}\n\n.vp-lapel-use-card__image {\n  background: #eef4ff;\n  overflow: hidden;\n}\n\n.vp-lapel-use-card__image img {\n  display: block;\n  width: 100%;\n  aspect-ratio: 1 \/ 1;\n  height: auto;\n  object-fit: cover;\n  transition: transform 0.35s ease;\n}\n\n.vp-lapel-use-card:hover .vp-lapel-use-card__image img {\n  transform: scale(1.04);\n}\n\n.vp-lapel-use-card__body {\n  padding: 22px 22px 24px;\n}\n\n.vp-lapel-use-card__body h3 {\n  margin: 0 0 10px;\n  font-size: 20px;\n  line-height: 1.25;\n  color: #111827;\n}\n\n.vp-lapel-use-card__body p {\n  margin: 0;\n  font-size: 15.5px;\n  line-height: 1.65;\n  color: #5b6472;\n}\n\n.vp-lapel-uses__cta {\n  margin-top: 44px;\n  text-align: center;\n}\n\n.vp-lapel-uses__cta p {\n  margin: 0 0 16px;\n  font-size: 16px;\n  line-height: 1.6;\n  color: #4b5563;\n}\n\n.vp-lapel-uses__button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 50px;\n  padding: 0 30px;\n  border-radius: 999px;\n  background: #111827;\n  color: #ffffff;\n  font-size: 16px;\n  font-weight: 700;\n  text-decoration: none;\n  box-shadow: 0 14px 34px rgba(17, 24, 39, 0.22);\n  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;\n}\n\n.vp-lapel-uses__button:hover {\n  transform: translateY(-2px);\n  background: #000000;\n  color: #ffffff;\n  box-shadow: 0 18px 42px rgba(17, 24, 39, 0.32);\n}\n\n.vp-lapel-uses__button:focus-visible {\n  outline: 3px solid rgba(17, 24, 39, 0.25);\n  outline-offset: 4px;\n}\n\n@media (max-width: 980px) {\n  .vp-lapel-uses__grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (max-width: 640px) {\n  .vp-lapel-uses {\n    padding: 54px 16px;\n  }\n\n  .vp-lapel-uses__head {\n    margin-bottom: 30px;\n    text-align: left;\n  }\n\n  .vp-lapel-uses__grid {\n    grid-template-columns: 1fr;\n    gap: 18px;\n  }\n\n  .vp-lapel-use-card {\n    border-radius: 20px;\n  }\n\n  .vp-lapel-use-card__body {\n    padding: 20px;\n  }\n\n  .vp-lapel-use-card__body h3 {\n    font-size: 19px;\n  }\n\n  .vp-lapel-use-card__body p {\n    font-size: 15px;\n  }\n\n  .vp-lapel-uses__cta {\n    margin-top: 32px;\n  }\n\n  .vp-lapel-uses__button {\n    width: 100%;\n    min-height: 52px;\n  }\n}\n<\/style>\n\n<section class=\"vp-lapel-uses\" aria-labelledby=\"vp-lapel-uses-title\">\n  <div class=\"vp-lapel-uses__inner\">\n\n    <div class=\"vp-lapel-uses__head\">\n      <h2 id=\"vp-lapel-uses-title\">Popular Uses for Custom Lapel Pins<\/h2>\n      <p>\n        Custom lapel pins are used in more ways than people think \u2014 at trade shows, school events, team tournaments, merch tables, fundraisers, music festivals, and gift shops.\n      <\/p>\n    <\/div>\n\n    <div class=\"vp-lapel-uses__grid\">\n\n      <article class=\"vp-lapel-use-card\">\n        <div class=\"vp-lapel-use-card__image\">\n          <img\n            src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/07\/Business-Events-pins.webp\"\n            alt=\"Custom lapel pins for business events\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/div>\n\n        <div class=\"vp-lapel-use-card__body\">\n          <h3>Business Events<\/h3>\n          <p>\n            Use them as trade show giveaways, client gifts, employee recognition pins, or small branded pieces people can take home.\n          <\/p>\n        <\/div>\n      <\/article>\n\n\n      <article class=\"vp-lapel-use-card\">\n        <div class=\"vp-lapel-use-card__image\">\n          <img\n            src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/07\/Schools-Clubs-pins.webp\"\n            alt=\"Custom lapel pins for schools and clubs\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/div>\n\n        <div class=\"vp-lapel-use-card__body\">\n          <h3>Schools &amp; Clubs<\/h3>\n          <p>\n            Made for student clubs, school events, bands, graduation keepsakes, academic awards, and campus groups.\n          <\/p>\n        <\/div>\n      <\/article>\n\n\n      <article class=\"vp-lapel-use-card\">\n        <div class=\"vp-lapel-use-card__image\">\n          <img\n            src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/07\/Sports-Teams-pins.webp\"\n            alt=\"Custom lapel pins for sports teams\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/div>\n\n        <div class=\"vp-lapel-use-card__body\">\n          <h3>Sports Teams<\/h3>\n          <p>\n            A good fit for baseball and softball teams, trading pins, tournaments, player gifts, and season keepsakes.\n          <\/p>\n        <\/div>\n      <\/article>\n\n\n      <article class=\"vp-lapel-use-card\">\n        <div class=\"vp-lapel-use-card__image\">\n          <img\n            src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/07\/Fundraisers-Nonprofits-pins.webp\"\n            alt=\"Custom lapel pins for fundraisers and nonprofits\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/div>\n\n        <div class=\"vp-lapel-use-card__body\">\n          <h3>Fundraisers &amp; Nonprofits<\/h3>\n          <p>\n            Use pins to thank volunteers, support a cause, raise awareness, or give donors something simple they can wear.\n          <\/p>\n        <\/div>\n      <\/article>\n\n\n      <article class=\"vp-lapel-use-card\">\n        <div class=\"vp-lapel-use-card__image\">\n          <img\n            src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/07\/Artist-Merch-pins.webp\"\n            alt=\"Custom lapel pins for artists, music festivals, concerts, and fan merch\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/div>\n\n        <div class=\"vp-lapel-use-card__body\">\n          <h3>Artist &amp; Fan Merch<\/h3>\n          <p>\n            Turn your artwork, logo, or music branding into collectible pins for merch tables, music festivals, concerts, fan giveaways, conventions, and online shops.\n          <\/p>\n        <\/div>\n      <\/article>\n\n\n      <article class=\"vp-lapel-use-card\">\n        <div class=\"vp-lapel-use-card__image\">\n          <img\n            src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/07\/Travel-Souvenirs-pins.webp\"\n            alt=\"Custom lapel pins for travel and souvenirs\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/div>\n\n        <div class=\"vp-lapel-use-card__body\">\n          <h3>Travel &amp; Souvenirs<\/h3>\n          <p>\n            Small, easy-to-carry souvenirs for museums, tourist spots, city shops, travel groups, and destination merch.\n          <\/p>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n\n    <div class=\"vp-lapel-uses__cta\">\n      <p>\n        Have a design or even just a rough idea? Send it to us and we\u2019ll help you figure out the best option.\n      <\/p>\n\n      <a\n        href=\"https:\/\/veperpins.com\/custom-pin-quote\/\"\n        class=\"vp-lapel-uses__button\"\n      >\n        Get a Quick Quote\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n.vp-pin-options {\n  padding: 78px 20px;\n  background: #f7faff;\n  box-sizing: border-box;\n  position: relative;\n}\n\n.vp-pin-options,\n.vp-pin-options * {\n  box-sizing: border-box;\n}\n\n\/* Fix tab click jumping issue *\/\n.vp-pin-options > input[type=\"radio\"] {\n  position: fixed !important;\n  top: -9999px !important;\n  left: -9999px !important;\n  width: 1px !important;\n  height: 1px !important;\n  opacity: 0 !important;\n  pointer-events: none !important;\n}\n\n.vp-pin-options__inner {\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.vp-pin-options__head {\n  max-width: 780px;\n  margin: 0 auto 34px;\n  text-align: center;\n}\n\n.vp-pin-options__eyebrow {\n  display: inline-flex;\n  margin-bottom: 12px;\n  padding: 7px 12px;\n  border-radius: 999px;\n  background: #eef4ff;\n  color: #1f5eff;\n  font-size: 13px;\n  font-weight: 700;\n}\n\n.vp-pin-options__head h2 {\n  margin: 0 0 14px;\n  font-size: clamp(30px, 4vw, 46px);\n  line-height: 1.12;\n  letter-spacing: -0.03em;\n  color: #111827;\n}\n\n.vp-pin-options__head p {\n  margin: 0;\n  font-size: 16px;\n  line-height: 1.7;\n  color: #5b6472;\n}\n\n.vp-pin-options__tabs {\n  max-width: 880px;\n  margin: 0 auto 32px;\n  padding: 8px;\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 8px;\n  border: 1px solid #dfe8f6;\n  border-radius: 999px;\n  background: #ffffff;\n  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.06);\n}\n\n.vp-pin-options__tabs label {\n  min-height: 48px;\n  padding: 0 14px;\n  border-radius: 999px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  cursor: pointer;\n  color: #4b5563;\n  font-size: 14.5px;\n  font-weight: 700;\n  user-select: none;\n  scroll-margin-top: 140px;\n  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;\n}\n\n.vp-pin-options__tabs label:hover {\n  background: #f3f7ff;\n  color: #111827;\n}\n\n.vp-tab-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 22px;\n  height: 22px;\n  border-radius: 999px;\n  background: #f1f5ff;\n  color: #1f5eff;\n  font-size: 13px;\n}\n\n#vp-tab-plating:checked ~ .vp-pin-options__inner label[for=\"vp-tab-plating\"],\n#vp-tab-upgrades:checked ~ .vp-pin-options__inner label[for=\"vp-tab-upgrades\"],\n#vp-tab-backing:checked ~ .vp-pin-options__inner label[for=\"vp-tab-backing\"],\n#vp-tab-packaging:checked ~ .vp-pin-options__inner label[for=\"vp-tab-packaging\"] {\n  background: #111827;\n  color: #ffffff;\n  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.18);\n}\n\n#vp-tab-plating:checked ~ .vp-pin-options__inner label[for=\"vp-tab-plating\"] .vp-tab-icon,\n#vp-tab-upgrades:checked ~ .vp-pin-options__inner label[for=\"vp-tab-upgrades\"] .vp-tab-icon,\n#vp-tab-backing:checked ~ .vp-pin-options__inner label[for=\"vp-tab-backing\"] .vp-tab-icon,\n#vp-tab-packaging:checked ~ .vp-pin-options__inner label[for=\"vp-tab-packaging\"] .vp-tab-icon {\n  background: rgba(255, 255, 255, 0.18);\n  color: #ffffff;\n}\n\n.vp-pin-options__panel {\n  display: none;\n}\n\n#vp-tab-plating:checked ~ .vp-pin-options__inner .vp-panel-plating,\n#vp-tab-upgrades:checked ~ .vp-pin-options__inner .vp-panel-upgrades,\n#vp-tab-backing:checked ~ .vp-pin-options__inner .vp-panel-backing,\n#vp-tab-packaging:checked ~ .vp-pin-options__inner .vp-panel-packaging {\n  display: block;\n}\n\n.vp-option-grid {\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  gap: 18px;\n}\n\n.vp-option-card {\n  overflow: hidden;\n  border: 1px solid #e4ebf5;\n  border-radius: 22px;\n  background: #ffffff;\n  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);\n  transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;\n}\n\n.vp-option-card:hover {\n  transform: translateY(-5px);\n  border-color: #bfd1ff;\n  box-shadow: 0 20px 46px rgba(31, 94, 255, 0.12);\n}\n\n.vp-option-card img {\n  display: block;\n  width: 100%;\n  aspect-ratio: 1 \/ 1;\n  object-fit: cover;\n  background: #eef4ff;\n}\n\n.vp-option-card div {\n  padding: 16px 16px 18px;\n}\n\n.vp-option-card h3 {\n  margin: 0 0 10px;\n  font-size: 16.5px;\n  line-height: 1.25;\n  color: #111827;\n}\n\n.vp-option-card ul {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.vp-option-card li {\n  position: relative;\n  margin: 0 0 6px;\n  padding-left: 16px;\n  font-size: 13.5px;\n  line-height: 1.45;\n  color: #5b6472;\n}\n\n.vp-option-card li:last-child {\n  margin-bottom: 0;\n}\n\n.vp-option-card li::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 8px;\n  width: 5px;\n  height: 5px;\n  border-radius: 999px;\n  background: #1f5eff;\n}\n\n@media (max-width: 1100px) {\n  .vp-option-grid {\n    grid-template-columns: repeat(4, 1fr);\n  }\n}\n\n@media (max-width: 860px) {\n  .vp-pin-options {\n    padding: 60px 18px;\n  }\n\n  .vp-pin-options__tabs {\n    max-width: none;\n    grid-template-columns: repeat(2, 1fr);\n    border-radius: 24px;\n  }\n\n  .vp-pin-options__tabs label {\n    border-radius: 18px;\n  }\n\n  .vp-option-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px;\n  }\n}\n\n@media (max-width: 520px) {\n  .vp-pin-options {\n    padding: 52px 16px;\n  }\n\n  .vp-pin-options__head {\n    text-align: left;\n    margin-bottom: 26px;\n  }\n\n  .vp-pin-options__tabs {\n    grid-template-columns: 1fr;\n    margin-bottom: 24px;\n  }\n\n  .vp-option-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .vp-option-card {\n    display: grid;\n    grid-template-columns: 112px 1fr;\n    align-items: stretch;\n    border-radius: 18px;\n  }\n\n  .vp-option-card img {\n    height: 100%;\n    aspect-ratio: auto;\n  }\n\n  .vp-option-card div {\n    padding: 14px;\n  }\n}\n<\/style>\n\n<section class=\"vp-pin-options\" aria-labelledby=\"vp-pin-options-title\">\n  <input type=\"radio\" name=\"vp-pin-option-tab\" id=\"vp-tab-plating\" checked>\n  <input type=\"radio\" name=\"vp-pin-option-tab\" id=\"vp-tab-upgrades\">\n  <input type=\"radio\" name=\"vp-pin-option-tab\" id=\"vp-tab-backing\">\n  <input type=\"radio\" name=\"vp-pin-option-tab\" id=\"vp-tab-packaging\">\n\n  <div class=\"vp-pin-options__inner\">\n\n    <div class=\"vp-pin-options__head\">\n      <span class=\"vp-pin-options__eyebrow\">\n        Custom Pin Options\n      <\/span>\n\n      <h2 id=\"vp-pin-options-title\">\n        Customize Your Pin Details\n      <\/h2>\n\n      <p>\n        Pick the plating, backing, packaging, and extra details that fit your\n        design, budget, and how the pins will be used. You can also compare our\n        <a href=\"https:\/\/veperpins.com\/lapel-pin-backings-guide\/\">lapel pin backing options<\/a>.\n      <\/p>\n    <\/div>\n\n    <div class=\"vp-pin-options__tabs\" aria-label=\"Custom pin options\">\n\n      <label for=\"vp-tab-plating\">\n        <span class=\"vp-tab-icon\" aria-hidden=\"true\">\u2726<\/span>\n        Plating\n      <\/label>\n\n      <label for=\"vp-tab-upgrades\">\n        <span class=\"vp-tab-icon\" aria-hidden=\"true\">\u2728<\/span>\n        Extra Upgrades\n      <\/label>\n\n      <label for=\"vp-tab-backing\">\n        <span class=\"vp-tab-icon\" aria-hidden=\"true\">\u25cf<\/span>\n        Pin Backings\n      <\/label>\n\n      <label for=\"vp-tab-packaging\">\n        <span class=\"vp-tab-icon\" aria-hidden=\"true\">\u25a3<\/span>\n        Packaging\n      <\/label>\n\n    <\/div>\n\n    <div class=\"vp-pin-options__panels\">\n\n      <!-- Plating -->\n      <div class=\"vp-pin-options__panel vp-panel-plating\">\n        <div class=\"vp-option-grid\">\n\n          <article class=\"vp-option-card\">\n            <img\n              src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/05\/Polish-Gold-.webp\"\n              alt=\"Polished gold plating for custom pins\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div>\n              <h3>Polished Gold<\/h3>\n              <ul>\n                <li>Bright and classic<\/li>\n                <li>Good for logo pins and gifts<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n          <article class=\"vp-option-card\">\n            <img\n              src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/05\/Polish-Silver.webp\"\n              alt=\"Polished silver plating for custom pins\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div>\n              <h3>Polished Silver<\/h3>\n              <ul>\n                <li>Clean and simple<\/li>\n                <li>Works with most color designs<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n          <article class=\"vp-option-card\">\n            <img\n              src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/05\/Polish-Copper.webp\"\n              alt=\"Polished copper plating for custom pins\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div>\n              <h3>Polished Copper<\/h3>\n              <ul>\n                <li>Warm metal tone<\/li>\n                <li>Great for vintage-style artwork<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n          <article class=\"vp-option-card\">\n            <img\n              src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/05\/Matt-Gold.webp\"\n              alt=\"Matte gold plating for custom pins\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div>\n              <h3>Matte Gold<\/h3>\n              <ul>\n                <li>Soft, less shiny finish<\/li>\n                <li>Good for a premium look<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n          <article class=\"vp-option-card\">\n            <img\n              src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/05\/Antique-GOLD.webp\"\n              alt=\"Antique gold plating for custom pins\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div>\n              <h3>Antique Gold<\/h3>\n              <ul>\n                <li>Old-school metal feel<\/li>\n                <li>Best for raised metal details<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n          <article class=\"vp-option-card\">\n            <img\n              src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/05\/Antique-Silver.webp\"\n              alt=\"Antique silver plating for custom pins\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div>\n              <h3>Antique Silver<\/h3>\n              <ul>\n                <li>Detailed and textured<\/li>\n                <li>Good for awards and badges<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n          <article class=\"vp-option-card\">\n            <img\n              src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/05\/Antique-Copper.webp\"\n              alt=\"Antique copper plating for custom pins\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div>\n              <h3>Antique Copper<\/h3>\n              <ul>\n                <li>Warm vintage finish<\/li>\n                <li>Great for rustic designs<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n          <article class=\"vp-option-card\">\n            <img\n              src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/05\/Black-Nickel-.webp\"\n              alt=\"Black nickel plating for custom pins\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div>\n              <h3>Black Nickel<\/h3>\n              <ul>\n                <li>Modern dark metal look<\/li>\n                <li>Makes bright colors stand out<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n          <article class=\"vp-option-card\">\n            <img\n              src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/05\/Rainbow-Plating.webp\"\n              alt=\"Rainbow plating for custom pins\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div>\n              <h3>Rainbow Plating<\/h3>\n              <ul>\n                <li>Color-shifting metal effect<\/li>\n                <li>Great for bold merch designs<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n          <article class=\"vp-option-card\">\n            <img\n              src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/05\/Custom-Colors.webp\"\n              alt=\"Custom color plating for custom pins\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div>\n              <h3>Custom Colors<\/h3>\n              <ul>\n                <li>Made for special color needs<\/li>\n                <li>Useful for brand-matched designs<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n        <\/div>\n      <\/div>\n\n      <!-- Extra Upgrades -->\n      <div class=\"vp-pin-options__panel vp-panel-upgrades\">\n        <div class=\"vp-option-grid\">\n\n          <article class=\"vp-option-card\">\n            <img\n              src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/04\/Pins-Backstamp.webp\"\n              alt=\"Custom backstamp for pins\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div>\n              <h3>Backstamp<\/h3>\n              <ul>\n                <li>See how a <a href=\"https:\/\/veperpins.com\/what-is-an-lapel-pin-back-stamp\/\">custom pin back stamp<\/a> works<\/li>\n                <li>Good for brand protection<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n          <article class=\"vp-option-card\">\n            <img\n              src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/04\/Laser-Engraving.webp\"\n              alt=\"Laser engraving for custom pins\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div>\n              <h3>Laser Engraving<\/h3>\n              <ul>\n                <li>Clean text or logo detail<\/li>\n                <li>Great for dates and names<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n          <article class=\"vp-option-card\">\n            <img\n              src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/05\/Glow-in-the-Dark.webp\"\n              alt=\"Glow in the dark enamel for pins\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div>\n              <h3>Glow in the Dark<\/h3>\n              <ul>\n                <li>Glows after light exposure<\/li>\n                <li>Fun for events and merch<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n          <article class=\"vp-option-card\">\n            <img\n              src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/05\/Glitter.webp\"\n              alt=\"Glitter enamel for custom pins\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div>\n              <h3>Glitter<\/h3>\n              <ul>\n                <li>Adds sparkle to colors<\/li>\n                <li>Great for cute or bold designs<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n          <article class=\"vp-option-card\">\n            <img\n              src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/05\/printed-pins-for-form-2.webp\"\n              alt=\"Epoxy coating for custom pins\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div>\n              <h3>Epoxy Coating<\/h3>\n              <ul>\n                <li>Smooth glossy finish<\/li>\n                <li>Adds extra surface protection<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n          <article class=\"vp-option-card\">\n            <img\n              src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/05\/Rhinestone.webp\"\n              alt=\"Rhinestone upgrade for custom pins\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div>\n              <h3>Rhinestone<\/h3>\n              <ul>\n                <li>Adds a shiny accent<\/li>\n                <li>Great for premium designs<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n          <article class=\"vp-option-card\">\n            <img\n              src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/05\/Pearlescent-Enamel-Color.webp\"\n              alt=\"Pearlescent enamel color for custom pins\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div>\n              <h3>Pearlescent Enamel<\/h3>\n              <ul>\n                <li>Soft pearl-like color effect<\/li>\n                <li>Good for elegant artwork<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n          <article class=\"vp-option-card\">\n            <img\n              src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/05\/Transparent-Enamel-Color.webp\"\n              alt=\"Transparent enamel color for custom pins\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div>\n              <h3>Transparent Enamel<\/h3>\n              <ul>\n                <li>See-through color effect<\/li>\n                <li>Looks great over metal texture<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n          <article class=\"vp-option-card\">\n            <img\n              src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/05\/Dangler.webp\"\n              alt=\"Dangler attachment for custom pins\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div>\n              <h3>Dangler<\/h3>\n              <ul>\n                <li>Adds a hanging piece<\/li>\n                <li>Good for events and awards<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n        <\/div>\n      <\/div>\n\n      <!-- Pin Backings -->\n      <div class=\"vp-pin-options__panel vp-panel-backing\">\n        <div class=\"vp-option-grid\">\n\n          <article class=\"vp-option-card\">\n            <img\n              src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/04\/Metal-Butterfly-Clutch.webp\"\n              alt=\"Metal butterfly clutch for custom pins\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div>\n              <h3>Metal Butterfly Clutch<\/h3>\n              <ul>\n                <li>Most common backing<\/li>\n                <li>Good for everyday use<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n          <article class=\"vp-option-card\">\n            <img\n              src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/04\/Rubber-Butterfly-Clucth.webp\"\n              alt=\"Rubber clutch for custom pins\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div>\n              <h3>Rubber Clutch<\/h3>\n              <ul>\n                <li>Softer feel on the back<\/li>\n                <li>Easy to put on and remove<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n          <article class=\"vp-option-card\">\n            <img\n              src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/04\/Magnet-Clutch.webp\"\n              alt=\"Magnet backing for custom pins\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div>\n              <h3>Magnet Clutch<\/h3>\n              <ul>\n                <li>No holes in clothing<\/li>\n                <li>Good for shirts and uniforms<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n          <article class=\"vp-option-card\">\n            <img\n              src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/04\/Duluxe-Clutch.webp\"\n              alt=\"Deluxe clutch for custom pins\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div>\n              <h3>Deluxe Clutch<\/h3>\n              <ul>\n                <li>More secure hold<\/li>\n                <li>Good for heavier pins<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n          <article class=\"vp-option-card\">\n            <img\n              src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/04\/Jewelry-Clutch.webp\"\n              alt=\"Jewelry clutch for custom pins\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div>\n              <h3>Jewelry Clutch<\/h3>\n              <ul>\n                <li>Premium backing option<\/li>\n                <li>Great for keepsake pins<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n        <\/div>\n      <\/div>\n\n      <!-- Packaging -->\n      <div class=\"vp-pin-options__panel vp-panel-packaging\">\n        <div class=\"vp-option-grid\">\n\n          <article class=\"vp-option-card\">\n            <img\n              src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/04\/Plastic-Bag-1.webp\"\n              alt=\"Plastic bag packaging for custom pins\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div>\n              <h3>Plastic Bag<\/h3>\n              <ul>\n                <li>Simple and budget-friendly<\/li>\n                <li>Good for bulk orders<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n          <article class=\"vp-option-card\">\n            <img\n              src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/04\/Backing-Card-1.webp\"\n              alt=\"Backing card packaging for custom pins\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div>\n              <h3>Backing Card<\/h3>\n              <ul>\n                <li>Best for retail display<\/li>\n                <li>Adds your brand message<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n          <article class=\"vp-option-card\">\n            <img\n              src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/04\/Acrylic-plastic-box-1.webp\"\n              alt=\"Acrylic plastic box packaging for custom pins\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div>\n              <h3>Acrylic Box<\/h3>\n              <ul>\n                <li>Clear and protective<\/li>\n                <li>Good for gift presentation<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n          <article class=\"vp-option-card\">\n            <img\n              src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/04\/Velour-Bag-1.webp\"\n              alt=\"Velour bag packaging for custom pins\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div>\n              <h3>Velour Bag<\/h3>\n              <ul>\n                <li>Soft pouch packaging<\/li>\n                <li>Good for premium gifts<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n          <article class=\"vp-option-card\">\n            <img\n              src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/04\/Velvet-box-1.webp\"\n              alt=\"Velvet box packaging for custom pins\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div>\n              <h3>Velvet Box<\/h3>\n              <ul>\n                <li>Most formal packaging<\/li>\n                <li>Great for awards and VIP gifts<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n.vp-price-calculator {\n  --vp-calc-blue: #0759b9;\n  --vp-calc-blue-dark: #073f82;\n  --vp-calc-navy: #102646;\n  --vp-calc-orange: #f47b20;\n  --vp-calc-ink: #17243a;\n  --vp-calc-muted: #607087;\n  --vp-calc-line: #dfe6ef;\n  --vp-calc-soft: #f5f8fc;\n  --vp-calc-white: #ffffff;\n\n  width: min(100% - 32px, 1180px);\n  margin: 48px auto;\n  color: var(--vp-calc-ink);\n  font-family: inherit;\n  line-height: 1.5;\n}\n\n.vp-price-calculator *,\n.vp-price-calculator *::before,\n.vp-price-calculator *::after {\n  box-sizing: border-box;\n}\n\n.vp-price-calculator__intro {\n  max-width: 720px;\n  margin: 0 auto 26px;\n  text-align: center;\n}\n\n.vp-price-calculator__eyebrow {\n  display: inline-flex;\n  align-items: center;\n  min-height: 30px;\n  margin-bottom: 10px;\n  padding: 5px 12px;\n  border-radius: 999px;\n  color: var(--vp-calc-blue);\n  background: #eaf3ff;\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n}\n\n.vp-price-calculator__intro h2 {\n  margin: 0;\n  color: var(--vp-calc-navy);\n  font-size: clamp(30px, 4vw, 46px);\n  line-height: 1.12;\n  letter-spacing: -0.025em;\n}\n\n.vp-price-calculator__intro p {\n  margin: 14px auto 0;\n  color: var(--vp-calc-muted);\n  font-size: 17px;\n}\n\n.vp-price-calculator__layout {\n  display: grid;\n  grid-template-columns: minmax(0, 1.08fr) minmax(330px, 0.92fr);\n  overflow: hidden;\n  border: 1px solid var(--vp-calc-line);\n  border-radius: 20px;\n  background: var(--vp-calc-white);\n  box-shadow: 0 18px 48px rgba(16, 38, 70, 0.1);\n}\n\n.vp-price-calculator__form {\n  display: grid;\n  align-content: start;\n  gap: 18px;\n  margin: 0;\n  padding: clamp(24px, 4vw, 44px);\n}\n\n.vp-price-calculator__field label {\n  display: block;\n  margin: 0 0 7px;\n  color: var(--vp-calc-ink);\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.vp-price-calculator__field select {\n  display: block;\n  width: 100%;\n  min-height: 52px;\n  margin: 0;\n  padding: 0 42px 0 15px;\n  border: 1px solid #cfd8e5;\n  border-radius: 10px;\n  outline: 0;\n  color: var(--vp-calc-ink);\n  background-color: var(--vp-calc-white);\n  font: inherit;\n  font-size: 16px;\n  cursor: pointer;\n  transition:\n    border-color 0.18s ease,\n    box-shadow 0.18s ease;\n}\n\n.vp-price-calculator__field select:hover {\n  border-color: #a7b7ca;\n}\n\n.vp-price-calculator__field select:focus-visible {\n  border-color: var(--vp-calc-blue);\n  box-shadow: 0 0 0 3px rgba(7, 89, 185, 0.15);\n}\n\n.vp-price-calculator__help {\n  display: flex;\n  gap: 10px;\n  align-items: flex-start;\n  margin-top: 2px;\n  padding: 13px 14px;\n  border-radius: 10px;\n  background: var(--vp-calc-soft);\n  color: var(--vp-calc-muted);\n  font-size: 14px;\n}\n\n.vp-price-calculator__help svg {\n  flex: 0 0 19px;\n  width: 19px;\n  margin-top: 1px;\n  fill: none;\n  stroke: var(--vp-calc-blue);\n  stroke-linecap: round;\n  stroke-width: 1.8;\n}\n\n.vp-price-calculator__help p,\n.vp-price-calculator__notes p,\n.vp-price-calculator__noscript {\n  margin: 0;\n}\n\n.vp-price-calculator a {\n  color: var(--vp-calc-blue);\n  font-weight: 700;\n  text-underline-offset: 2px;\n}\n\n.vp-price-calculator__result {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  padding: clamp(26px, 4vw, 44px);\n  color: var(--vp-calc-white);\n  background:\n    radial-gradient(\n      circle at 100% 0,\n      rgba(34, 131, 240, 0.38),\n      transparent 42%\n    ),\n    linear-gradient(\n      145deg,\n      var(--vp-calc-navy),\n      var(--vp-calc-blue-dark)\n    );\n}\n\n.vp-price-calculator__result-topline {\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  justify-content: space-between;\n  color: rgba(255, 255, 255, 0.78);\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.vp-price-calculator__currency {\n  padding: 4px 9px;\n  border: 1px solid rgba(255, 255, 255, 0.28);\n  border-radius: 999px;\n  color: var(--vp-calc-white);\n  font-size: 12px;\n  letter-spacing: 0.07em;\n}\n\n.vp-price-calculator__total {\n  margin: 17px 0 0;\n  color: var(--vp-calc-white);\n  font-size: clamp(38px, 5vw, 58px);\n  font-weight: 800;\n  line-height: 1;\n  letter-spacing: -0.035em;\n  overflow-wrap: anywhere;\n}\n\n.vp-price-calculator__unit {\n  margin: 10px 0 26px;\n  color: rgba(255, 255, 255, 0.76);\n  font-size: 15px;\n}\n\n.vp-price-calculator__unit strong {\n  color: var(--vp-calc-white);\n  font-size: 18px;\n}\n\n.vp-price-calculator__summary {\n  display: grid;\n  gap: 0;\n  margin: 0;\n  padding: 0;\n  border-top: 1px solid rgba(255, 255, 255, 0.18);\n}\n\n.vp-price-calculator__summary > div {\n  display: flex;\n  gap: 18px;\n  align-items: baseline;\n  justify-content: space-between;\n  padding: 11px 0;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.14);\n}\n\n.vp-price-calculator__summary dt {\n  color: rgba(255, 255, 255, 0.68);\n  font-size: 14px;\n}\n\n.vp-price-calculator__summary dd {\n  margin: 0;\n  color: var(--vp-calc-white);\n  font-size: 14px;\n  font-weight: 700;\n  text-align: right;\n}\n\n.vp-price-calculator__shipping {\n  display: flex;\n  gap: 9px;\n  align-items: flex-start;\n  margin: 18px 0;\n  color: rgba(255, 255, 255, 0.88);\n  font-size: 13px;\n}\n\n.vp-price-calculator__shipping svg {\n  flex: 0 0 19px;\n  width: 19px;\n  fill: none;\n  stroke: #8dd7ae;\n  stroke-linejoin: round;\n  stroke-width: 1.7;\n}\n\n.vp-price-calculator__cta {\n  display: inline-flex;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  min-height: 52px;\n  margin-top: auto;\n  padding: 12px 20px;\n  border-radius: 10px;\n  color: var(--vp-calc-white) !important;\n  background: var(--vp-calc-orange);\n  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.17);\n  font-size: 16px;\n  font-weight: 800;\n  text-decoration: none;\n  transition:\n    background-color 0.18s ease,\n    transform 0.18s ease;\n}\n\n.vp-price-calculator__cta:hover {\n  background: #dd6813;\n  transform: translateY(-1px);\n}\n\n.vp-price-calculator__cta:focus-visible {\n  outline: 3px solid rgba(255, 255, 255, 0.8);\n  outline-offset: 3px;\n}\n\n.vp-price-calculator__cta svg {\n  width: 19px;\n  fill: none;\n  stroke: currentColor;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  stroke-width: 2;\n}\n\n.vp-price-calculator__notes {\n  display: grid;\n  gap: 6px;\n  margin: 14px auto 0;\n  padding: 0 4px;\n  color: var(--vp-calc-muted);\n  font-size: 12px;\n  text-align: center;\n}\n\n.vp-price-calculator__notes p[hidden] {\n  display: none;\n}\n\n.vp-price-calculator__noscript {\n  margin-top: 12px;\n  padding: 12px;\n  border: 1px solid #f0c36d;\n  border-radius: 8px;\n  background: #fff8e8;\n  text-align: center;\n}\n\n@media (max-width: 760px) {\n  .vp-price-calculator {\n    width: min(100% - 24px, 640px);\n    margin: 34px auto;\n  }\n\n  .vp-price-calculator__intro {\n    margin-bottom: 20px;\n  }\n\n  .vp-price-calculator__intro h2 {\n    font-size: clamp(28px, 9vw, 38px);\n  }\n\n  .vp-price-calculator__intro p {\n    font-size: 15px;\n  }\n\n  .vp-price-calculator__layout {\n    grid-template-columns: 1fr;\n    border-radius: 16px;\n  }\n\n  .vp-price-calculator__form,\n  .vp-price-calculator__result {\n    padding: 24px 20px;\n  }\n\n  .vp-price-calculator__total {\n    font-size: clamp(38px, 13vw, 52px);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .vp-price-calculator__field select,\n  .vp-price-calculator__cta {\n    transition: none;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  \"use strict\";\n\n  const STANDARD_QUANTITIES = [\n    100, 200, 300, 500, 750, 1000, 2000, 3000, 5000, 10000\n  ];\n\n  const TRADING_QUANTITIES = [\n    200, 300, 400, 500, 600, 750, 1000, 1500, 2000\n  ];\n\n  const STANDARD_SIZES = [\n    [\"0.75\", \"0.75\\\" (19.05 mm)\"],\n    [\"1\", \"1\\\" (25.4 mm)\"],\n    [\"1.25\", \"1.25\\\" (31.75 mm)\"],\n    [\"1.5\", \"1.5\\\" (38.1 mm)\"],\n    [\"1.75\", \"1.75\\\" (44.45 mm)\"],\n    [\"2\", \"2\\\" (50.8 mm)\"]\n  ];\n\n  const TRADING_SIZES = [\n    [\"1.5\", \"1.5\\\" (38.1 mm)\"],\n    [\"1.75\", \"1.75\\\" (44.45 mm)\"],\n    [\"2\", \"2\\\" (50.8 mm)\"],\n    [\"2.25\", \"2.25\\\" (57.15 mm)\"],\n    [\"2.5\", \"2.5\\\" (63.5 mm)\"],\n    [\"2.75\", \"2.75\\\" (69.85 mm)\"],\n    [\"3\", \"3\\\" (76.2 mm)\"]\n  ];\n\n  \/*\n   * Prices are stored in US cents.\n   * Source:\n   * https:\/\/veperpins.com\/custom-pins-pricing\/\n   *\/\n\n  const PRODUCTS = {\n    soft: {\n      label: \"Soft Enamel Pins\",\n      quantities: STANDARD_QUANTITIES,\n      sizes: STANDARD_SIZES,\n      prices: {\n        \"0.75\": [294, 229, 163, 135, 121, 115, 103, 82, 72, 55],\n        \"1\": [300, 237, 172, 139, 126, 119, 105, 87, 75, 61],\n        \"1.25\": [309, 253, 185, 146, 132, 122, 111, 92, 80, 64],\n        \"1.5\": [329, 277, 220, 159, 144, 136, 120, 101, 91, 73],\n        \"1.75\": [367, 307, 250, 191, 175, 167, 154, 134, 120, 108],\n        \"2\": [391, 331, 274, 214, 199, 189, 177, 156, 142, 131]\n      }\n    },\n\n    hard: {\n      label: \"Hard Enamel Pins\",\n      quantities: STANDARD_QUANTITIES,\n      sizes: STANDARD_SIZES,\n      prices: {\n        \"0.75\": [305, 240, 172, 140, 130, 121, 111, 100, 81, 72],\n        \"1\": [309, 246, 184, 150, 135, 130, 123, 107, 94, 82],\n        \"1.25\": [322, 258, 196, 157, 142, 135, 130, 111, 100, 94],\n        \"1.5\": [352, 289, 227, 169, 157, 152, 144, 122, 105, 100],\n        \"1.75\": [382, 313, 266, 206, 195, 184, 176, 151, 135, 130],\n        \"2\": [415, 355, 296, 236, 225, 214, 207, 182, 165, 159]\n      }\n    },\n\n    dieStruck: {\n      label: \"Die Struck Pins\",\n      quantities: STANDARD_QUANTITIES,\n      sizes: STANDARD_SIZES,\n      prices: {\n        \"0.75\": [292, 228, 162, 134, 120, 114, 102, 81, 71, 54],\n        \"1\": [299, 236, 171, 138, 125, 118, 104, 86, 74, 60],\n        \"1.25\": [307, 252, 184, 145, 131, 121, 110, 91, 79, 63],\n        \"1.5\": [328, 276, 219, 157, 142, 135, 119, 100, 90, 72],\n        \"1.75\": [366, 306, 249, 190, 174, 166, 153, 133, 119, 107],\n        \"2\": [390, 330, 273, 213, 198, 187, 176, 155, 141, 130]\n      }\n    },\n\n    printed: {\n      label: \"Printed Pins\",\n      quantities: STANDARD_QUANTITIES,\n      sizes: STANDARD_SIZES,\n      prices: {\n        \"0.75\": [289, 221, 157, 131, 115, 108, 94, 77, 65, 50],\n        \"1\": [291, 231, 168, 136, 119, 111, 100, 80, 69, 56],\n        \"1.25\": [299, 246, 181, 142, 124, 115, 105, 86, 75, 59],\n        \"1.5\": [319, 266, 213, 154, 135, 126, 111, 92, 84, 65],\n        \"1.75\": [364, 302, 243, 187, 167, 157, 152, 129, 111, 108],\n        \"2\": [382, 320, 261, 205, 189, 182, 166, 145, 129, 124]\n      }\n    },\n\n    trading: {\n      label: \"Trading Pins\",\n      quantities: TRADING_QUANTITIES,\n      sizes: TRADING_SIZES,\n      prices: {\n        \"1.5\": [269, 215, 190, 155, 148, 139, 131, 121, 117],\n        \"1.75\": [297, 238, 208, 177, 168, 159, 154, 134, 129],\n        \"2\": [320, 258, 232, 204, 195, 185, 181, 159, 154],\n        \"2.25\": [433, 374, 337, 307, 298, 289, 281, 260, 253],\n        \"2.5\": [509, 453, 417, 387, 376, 367, 360, 339, 333],\n        \"2.75\": [570, 503, 465, 434, 425, 415, 404, 383, 375],\n        \"3\": [630, 557, 520, 488, 479, 467, 458, 436, 430]\n      }\n    }\n  };\n\n  const decimalMoney = new Intl.NumberFormat(\"en-US\", {\n    minimumFractionDigits: 2,\n    maximumFractionDigits: 2\n  });\n\n  const money = {\n    format(amount) {\n      return `US$${decimalMoney.format(amount)}`;\n    }\n  };\n\n  const wholeNumber = new Intl.NumberFormat(\"en-US\");\n\n  const replaceOptions = (select, options, preferredValue) => {\n    const fragment = document.createDocumentFragment();\n\n    options.forEach(([value, label]) => {\n      const option = document.createElement(\"option\");\n\n      option.value = String(value);\n      option.textContent = label;\n\n      fragment.appendChild(option);\n    });\n\n    select.replaceChildren(fragment);\n\n    const canKeepValue = options.some(\n      ([value]) => String(value) === String(preferredValue)\n    );\n\n    if (canKeepValue) {\n      select.value = String(preferredValue);\n    }\n  };\n\n  const initCalculator = (calculator) => {\n    const typeSelect = calculator.querySelector(\"[data-vp-type]\");\n    const sizeSelect = calculator.querySelector(\"[data-vp-size]\");\n    const quantitySelect = calculator.querySelector(\"[data-vp-quantity]\");\n\n    const totalOutput = calculator.querySelector(\"[data-vp-total]\");\n    const unitOutput = calculator.querySelector(\"[data-vp-unit]\");\n\n    const typeOutput = calculator.querySelector(\n      \"[data-vp-summary-type]\"\n    );\n\n    const sizeOutput = calculator.querySelector(\n      \"[data-vp-summary-size]\"\n    );\n\n    const quantityOutput = calculator.querySelector(\n      \"[data-vp-summary-quantity]\"\n    );\n\n    const typeNote = calculator.querySelector(\"[data-vp-type-note]\");\n\n    if (\n      !typeSelect ||\n      !sizeSelect ||\n      !quantitySelect ||\n      !totalOutput ||\n      !unitOutput ||\n      !typeOutput ||\n      !sizeOutput ||\n      !quantityOutput\n    ) {\n      return;\n    }\n\n    const updatePrice = () => {\n      const product = PRODUCTS[typeSelect.value];\n      const size = sizeSelect.value;\n      const quantity = Number(quantitySelect.value);\n\n      const quantityIndex = product.quantities.indexOf(quantity);\n      const unitCents = product.prices[size]?.[quantityIndex];\n\n      if (!Number.isInteger(unitCents)) {\n        return;\n      }\n\n      unitOutput.textContent = money.format(unitCents \/ 100);\n\n      totalOutput.textContent = money.format(\n        (unitCents * quantity) \/ 100\n      );\n\n      typeOutput.textContent = product.label;\n      sizeOutput.textContent = `${size}\"`;\n      quantityOutput.textContent = wholeNumber.format(quantity);\n\n      if (typeNote) {\n        typeNote.hidden = typeSelect.value !== \"soft\";\n      }\n    };\n\n    const updateProductOptions = () => {\n      const product = PRODUCTS[typeSelect.value];\n\n      const previousSize = sizeSelect.value;\n      const previousQuantity = quantitySelect.value;\n\n      replaceOptions(\n        sizeSelect,\n        product.sizes,\n        previousSize\n      );\n\n      replaceOptions(\n        quantitySelect,\n        product.quantities.map((quantity) => [\n          quantity,\n          `${wholeNumber.format(quantity)} pins`\n        ]),\n        previousQuantity\n      );\n\n      updatePrice();\n    };\n\n    typeSelect.addEventListener(\n      \"change\",\n      updateProductOptions\n    );\n\n    sizeSelect.addEventListener(\n      \"change\",\n      updatePrice\n    );\n\n    quantitySelect.addEventListener(\n      \"change\",\n      updatePrice\n    );\n\n    updateProductOptions();\n  };\n\n  const boot = () => {\n    document\n      .querySelectorAll(\"[data-vp-price-calculator]\")\n      .forEach(initCalculator);\n  };\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      boot,\n      { once: true }\n    );\n  } else {\n    boot();\n  }\n})();\n<\/script>\n\n<section class=\"vp-price-calculator\" data-vp-price-calculator aria-labelledby=\"vp-price-title\">\n  <div class=\"vp-price-calculator__intro\">\n    <span class=\"vp-price-calculator__eyebrow\">Quick Price Estimate<\/span>\n    <h2 id=\"vp-price-title\">Estimate Your Custom Pin Price<\/h2>\n    <p>\n      Pick a pin style, size, and quantity. Not sure about size? Check our\n      <a href=\"https:\/\/veperpins.com\/lapel-pin-size-guide\/\">lapel pin size guide<\/a>. You\u2019ll see the same unit price listed on our\n      published pricing page.\n    <\/p>\n  <\/div>\n\n  <div class=\"vp-price-calculator__layout\">\n    <form class=\"vp-price-calculator__form\">\n      <div class=\"vp-price-calculator__field\">\n        <label for=\"vp-pin-type\">Pin Type<\/label>\n        <select id=\"vp-pin-type\" name=\"pin_type\" data-vp-type>\n          <option value=\"soft\">Soft Enamel Pins<\/option>\n          <option value=\"hard\">Hard Enamel Pins<\/option>\n          <option value=\"dieStruck\">Die Struck Pins<\/option>\n          <option value=\"printed\">Printed Pins<\/option>\n          <option value=\"trading\">Trading Pins<\/option>\n        <\/select>\n      <\/div>\n\n      <div class=\"vp-price-calculator__field\">\n        <label for=\"vp-pin-size\">Pin Size<\/label>\n        <select id=\"vp-pin-size\" name=\"pin_size\" data-vp-size>\n          <option value=\"0.75\">0.75&quot; (19.05 mm)<\/option>\n          <option value=\"1\">1&quot; (25.4 mm)<\/option>\n          <option value=\"1.25\">1.25&quot; (31.75 mm)<\/option>\n          <option value=\"1.5\">1.5&quot; (38.1 mm)<\/option>\n          <option value=\"1.75\">1.75&quot; (44.45 mm)<\/option>\n          <option value=\"2\">2&quot; (50.8 mm)<\/option>\n        <\/select>\n      <\/div>\n\n      <div class=\"vp-price-calculator__field\">\n        <label for=\"vp-pin-quantity\">Quantity<\/label>\n        <select id=\"vp-pin-quantity\" name=\"pin_quantity\" data-vp-quantity>\n          <option value=\"100\">100 pins<\/option>\n          <option value=\"200\">200 pins<\/option>\n          <option value=\"300\">300 pins<\/option>\n          <option value=\"500\">500 pins<\/option>\n          <option value=\"750\">750 pins<\/option>\n          <option value=\"1000\">1,000 pins<\/option>\n          <option value=\"2000\">2,000 pins<\/option>\n          <option value=\"3000\">3,000 pins<\/option>\n          <option value=\"5000\">5,000 pins<\/option>\n          <option value=\"10000\">10,000 pins<\/option>\n        <\/select>\n      <\/div>\n\n      <div class=\"vp-price-calculator__help\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20Zm0-14v4m0 4h.01\"><\/path>\n        <\/svg>\n\n        <p>\n          Need a different size or quantity?\n          <a href=\"\/custom-pin-quote\/\">Send us your project details<\/a>\n          for an exact quote.\n        <\/p>\n      <\/div>\n    <\/form>\n\n    <div class=\"vp-price-calculator__result\" aria-live=\"polite\" aria-atomic=\"true\">\n      <div class=\"vp-price-calculator__result-topline\">\n        <span>Estimated Product Total<\/span>\n        <span class=\"vp-price-calculator__currency\">USD<\/span>\n      <\/div>\n\n      <p class=\"vp-price-calculator__total\" data-vp-total>\n        US$294.00\n      <\/p>\n\n      <p class=\"vp-price-calculator__unit\">\n        <strong data-vp-unit>US$2.94<\/strong> per pin\n      <\/p>\n\n      <dl class=\"vp-price-calculator__summary\">\n        <div>\n          <dt>Pin type<\/dt>\n          <dd data-vp-summary-type>Soft Enamel Pins<\/dd>\n        <\/div>\n\n        <div>\n          <dt>Size<\/dt>\n          <dd data-vp-summary-size>0.75&quot;<\/dd>\n        <\/div>\n\n        <div>\n          <dt>Quantity<\/dt>\n          <dd data-vp-summary-quantity>100<\/dd>\n        <\/div>\n      <\/dl>\n\n      <p class=\"vp-price-calculator__shipping\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M3 6h11v10H3V6Zm11 4h4l3 3v3h-7v-6Zm-7 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm11 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z\"><\/path>\n        <\/svg>\n\n        Free shipping to the US, UK &amp; Canada on orders of 50+\n      <\/p>\n\n      <a class=\"vp-price-calculator__cta\" href=\"\/custom-pin-quote\/\">\n        Get an Exact Quote\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"m9 18 6-6-6-6\"><\/path>\n        <\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"vp-price-calculator__notes\">\n    <p data-vp-type-note>\n      Soft enamel pricing includes up to 7 colors. Each additional color is\n      US$0.10 per pin.\n    <\/p>\n\n    <p>\n      This is a base-price estimate. <a href=\"https:\/\/veperpins.com\/custom-pins-cost\/\">See what affects custom pin cost<\/a>. Artwork, molds, special finishes, upgraded\n      backings, packaging, rush service, and other custom details may affect the\n      final quote.\n      <a href=\"\/custom-pins-pricing\/\">View the full pricing tables<\/a>.\n    <\/p>\n  <\/div>\n\n  <noscript>\n    <p class=\"vp-price-calculator__noscript\">\n      Please enable JavaScript to use the calculator, or\n      <a href=\"\/custom-pins-pricing\/\">view our custom pin pricing tables<\/a>.\n    <\/p>\n  <\/noscript>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n.pin-style-guide {\n  padding: 76px 20px;\n  background: #f7faff;\n}\n\n.pin-style-guide-inner {\n  max-width: 1180px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1.08fr 0.92fr;\n  gap: 48px;\n  align-items: center;\n}\n\n.pin-style-content {\n  max-width: 720px;\n}\n\n.pin-style-content h2 {\n  margin: 0 0 18px;\n  font-size: clamp(30px, 4vw, 46px);\n  line-height: 1.12;\n  letter-spacing: -0.03em;\n  color: #111827;\n}\n\n.pin-style-guide-intro {\n  margin: 0 0 20px;\n  font-size: 16px;\n  line-height: 1.75;\n  color: #4b5563;\n}\n\n.pin-style-guide-note {\n  margin: 0 0 24px;\n  padding: 18px 20px;\n  border: 1px solid #dbe7ff;\n  border-radius: 18px;\n  background: #ffffff;\n  font-size: 15.5px;\n  line-height: 1.7;\n  color: #374151;\n  box-shadow: 0 12px 34px rgba(15, 23, 42, 0.05);\n}\n\n.pin-style-guide-note strong {\n  color: #111827;\n}\n\n.pin-style-points {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  display: grid;\n  gap: 12px;\n}\n\n.pin-style-points li {\n  position: relative;\n  padding: 16px 18px 16px 44px;\n  border: 1px solid #e5ebf5;\n  border-radius: 16px;\n  background: #ffffff;\n  font-size: 15.5px;\n  line-height: 1.65;\n  color: #4b5563;\n}\n\n.pin-style-points li::before {\n  content: \"\";\n  position: absolute;\n  left: 18px;\n  top: 23px;\n  width: 9px;\n  height: 9px;\n  border-radius: 50%;\n  background: #1f5eff;\n  box-shadow: 0 0 0 5px rgba(31, 94, 255, 0.12);\n}\n\n.pin-style-points strong {\n  display: block;\n  margin-bottom: 3px;\n  color: #111827;\n  font-size: 16px;\n}\n\n.pin-style-guide-cta {\n  margin: 24px 0 0;\n  padding: 18px 20px;\n  border-radius: 18px;\n  background: #111827;\n  font-size: 15.5px;\n  line-height: 1.7;\n  color: #ffffff;\n}\n\n.pin-style-guide-cta strong {\n  color: #ffffff;\n}\n\n.pin-style-images {\n  display: grid;\n  gap: 18px;\n}\n\n.pin-style-image-card {\n  overflow: hidden;\n  border-radius: 26px;\n  background: #ffffff;\n  border: 1px solid #e5ebf5;\n  box-shadow: 0 18px 46px rgba(15, 23, 42, 0.08);\n}\n\n.pin-style-image-card img {\n  display: block;\n  width: 100%;\n  height: auto;\n  aspect-ratio: 4 \/ 3;\n  object-fit: cover;\n  transition: transform 0.35s ease;\n}\n\n.pin-style-image-card:hover img {\n  transform: scale(1.04);\n}\n\n@media (max-width: 900px) {\n  .pin-style-guide {\n    padding: 60px 18px;\n  }\n\n  .pin-style-guide-inner {\n    grid-template-columns: 1fr;\n    gap: 34px;\n  }\n\n  .pin-style-content {\n    max-width: none;\n  }\n\n  .pin-style-images {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (max-width: 560px) {\n  .pin-style-guide {\n    padding: 48px 16px;\n  }\n\n  .pin-style-guide-note,\n  .pin-style-guide-cta {\n    padding: 16px;\n    border-radius: 16px;\n  }\n\n  .pin-style-points li {\n    padding: 15px 16px 15px 40px;\n    font-size: 15px;\n  }\n\n  .pin-style-points li::before {\n    left: 16px;\n    top: 22px;\n  }\n\n  .pin-style-images {\n    grid-template-columns: 1fr;\n  }\n\n  .pin-style-image-card {\n    border-radius: 20px;\n  }\n}\n<\/style>\n\n<section class=\"pin-style-guide\" aria-labelledby=\"pin-order-check-title\">\n  <div class=\"pin-style-guide-inner\">\n    <div class=\"pin-style-content\">\n      <h2 id=\"pin-order-check-title\">What to Know Before Ordering Custom Lapel Pins<\/h2>\n\n      <p class=\"pin-style-guide-intro\">\n        A good result starts before production. A few simple details can affect the final look, price, timeline, and how your pins will be used.\n      <\/p>\n\n      <div class=\"pin-style-guide-note\">\n        <strong>You do not need to know every production term.<\/strong> Just prepare your artwork or idea, and we\u2019ll help you review the key details before making a quote.\n      <\/div>\n\n      <ul class=\"pin-style-points\" aria-label=\"Custom lapel pin order checklist\">\n        <li>\n          <strong>Artwork Quality<\/strong>\n          Send a clear logo, sketch, or reference image. We\u2019ll check small text, thin lines, colors, and details before production.\n        <\/li>\n\n        <li>\n          <strong>Size and Shape<\/strong>\n          The right size depends on your design and how the pin will be worn. Small pins are simple and clean, while larger sizes can show more detail.\n        <\/li>\n\n        <li>\n          <strong>Metal Plating<\/strong>\n          Gold, silver, black nickel, antique finishes, and other plating options can change the overall style of your design.\n        <\/li>\n\n        <li>\n          <strong>Backing Option<\/strong>\n          Butterfly clutch is common for most orders. Rubber clutch, magnet, safety pin, or deluxe clutch can be used for different needs.\n        <\/li>\n\n        <li>\n          <strong>Quantity and Timeline<\/strong>\n          Order quantity affects the unit price. If you have an event date, let us know early so we can recommend a practical production plan.\n        <\/li>\n      <\/ul>\n\n      <p class=\"pin-style-guide-cta\">\n        <strong>Not sure about the details?<\/strong> Send us your design, and we\u2019ll help check the size, finish, backing, and possible production method before you order.\n      <\/p>\n    <\/div>\n\n    <div class=\"pin-style-images\" aria-label=\"Custom lapel pin details\">\n      <div class=\"pin-style-image-card\">\n        <img src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/04\/cute-enamel-soft-pins.webp\" alt=\"Custom lapel pin artwork and color detail example\" loading=\"lazy\" decoding=\"async\">\n      <\/div>\n\n      <div class=\"pin-style-image-card\">\n        <img src=\"https:\/\/veperpins.com\/wp-content\/uploads\/2026\/04\/school-pins.webp\" alt=\"Custom lapel pin size shape and finish example\" loading=\"lazy\" decoding=\"async\">\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style data-wp-block-html=\"css\">\n.promo-scroll-banner {\n  width: 100%;\n  overflow: hidden;\n  background: #111827;\n  color: #ffffff;\n  height: 42px;\n  display: flex;\n  align-items: center;\n}\n\n.promo-scroll-track {\n  display: flex;\n  width: max-content;\n  animation: scrollPromo 25s linear infinite;\n}\n\n.promo-item {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-weight: 600;\n  font-size: 14px;\n  padding: 0 24px;\n  white-space: nowrap;\n}\n\n.promo-icon {\n  width: 20px;\n  height: 20px;\n  flex-shrink: 0;\n  stroke: currentColor;\n  fill: none;\n  stroke-width: 2;\n}\n\n.promo-scroll-banner:hover .promo-scroll-track {\n  animation-play-state: paused;\n}\n\n@keyframes scrollPromo {\n  from { transform: translateX(0); }\n  to { transform: translateX(-50%); }\n}\n\n@media (max-width: 600px) {\n  .promo-scroll-banner {\n    height: 38px;\n  }\n  .promo-item {\n    font-size: 13px;\n    padding: 0 16px;\n  }\n  .promo-icon {\n    width: 18px;\n    height: 18px;\n  }\n}\n<\/style>\n\n<div class=\"promo-scroll-banner\">\n  <div class=\"promo-scroll-track\">\n\n    <span class=\"promo-item\">\n      <svg class=\"promo-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"><\/path>\n      <\/svg>\n      Free mockup design for custom pins, fast production\n    <\/span>\n\n    <span class=\"promo-item\">\n      <svg class=\"promo-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.27 5.82 22 7 14.14l-5-4.87 6.91-1.01L12 2z\"><\/path>\n      <\/svg>\n      High-quality custom pins for events, corporate gifts, or awards\n    <\/span>\n\n    <!-- Duplicate for seamless scrolling -->\n    <span class=\"promo-item\">\n      <svg class=\"promo-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"><\/path>\n      <\/svg>\n      Free mockup design for custom pins, fast production\n    <\/span>\n\n    <span class=\"promo-item\">\n      <svg class=\"promo-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.27 5.82 22 7 14.14l-5-4.87 6.91-1.01L12 2z\"><\/path>\n      <\/svg>\n      High-quality custom pins for events, corporate gifts, or awards\n    <\/span>\n\n  <\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.vp-why {\n  padding: 60px 20px;\n  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n}\n\n.vp-why-wrap {\n  max-width: 1180px;\n  margin: 0 auto;\n}\n\n.vp-why-head {\n  max-width: 760px;\n  margin: 0 auto 36px;\n  text-align: center;\n}\n\n.vp-why-tag {\n  display: inline-block;\n  margin-bottom: 12px;\n  padding: 6px 14px;\n  border-radius: 999px;\n  background: #eaf2ff;\n  color: #2563eb;\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 0.03em;\n}\n\n.vp-why-head h2 {\n  margin: 0 0 14px;\n  color: #111827;\n  font-size: 34px;\n  line-height: 1.2;\n}\n\n.vp-why-head p {\n  margin: 0;\n  color: #4b5563;\n  font-size: 16px;\n  line-height: 1.7;\n}\n\n.vp-why-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 18px;\n}\n\n.vp-why-card {\n  position: relative;\n  padding: 26px 24px 24px;\n  background: #ffffff;\n  border: 1px solid #e5e7eb;\n  border-radius: 18px;\n  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);\n  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;\n}\n\n.vp-why-card:hover {\n  transform: translateY(-3px);\n  border-color: #bfdbfe;\n  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.09);\n}\n\n.vp-why-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 34px;\n  height: 34px;\n  margin-bottom: 16px;\n  border-radius: 50%;\n  background: #2563eb;\n  color: #ffffff;\n  font-size: 17px;\n  font-weight: 700;\n  line-height: 1;\n}\n\n.vp-why-card h3 {\n  margin: 0 0 10px;\n  color: #111827;\n  font-size: 18px;\n  line-height: 1.35;\n}\n\n.vp-why-card p {\n  margin: 0;\n  color: #4b5563;\n  font-size: 15px;\n  line-height: 1.65;\n}\n\n\/* Responsive *\/\n@media (max-width: 900px) {\n  .vp-why-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  .vp-why-head h2 {\n    font-size: 28px;\n  }\n}\n\n@media (max-width: 600px) {\n  .vp-why {\n    padding: 44px 16px;\n  }\n  .vp-why-grid {\n    grid-template-columns: 1fr;\n    gap: 14px;\n  }\n  .vp-why-head {\n    margin-bottom: 26px;\n    text-align: left;\n  }\n  .vp-why-head h2 {\n    font-size: 25px;\n  }\n  .vp-why-head p {\n    font-size: 15px;\n  }\n  .vp-why-card {\n    padding: 22px 20px;\n    border-radius: 16px;\n  }\n}\n<\/style>\n\n<section class=\"vp-why\" id=\"why-choose-veperpins\" aria-label=\"Why choose VeperPins\">\n  <div class=\"vp-why-wrap\">\n\n    <div class=\"vp-why-head\">\n      <span class=\"vp-why-tag\">Why Choose Us<\/span>\n\n      <h2>Why Choose VeperPins for Custom Lapel Pins?<\/h2>\n\n      <p>\n        Choosing the right supplier can make your custom lapel pins easier to design, produce, and deliver.\n        At VeperPins, we help brands, events, teams, schools, clubs, and businesses create custom pins\n        that match their artwork, budget, and timeline.\n      <\/p>\n    <\/div>\n\n    <div class=\"vp-why-grid\">\n\n      <div class=\"vp-why-card\">\n        <span class=\"vp-why-icon\">\u2713<\/span>\n\n        <h3>Free Artwork Support<\/h3>\n\n        <p>\n          Send us your logo, sketch, reference image, or idea. Our team will help turn it into a\n          production-ready pin design.\n        <\/p>\n      <\/div>\n\n      <div class=\"vp-why-card\">\n        <span class=\"vp-why-icon\">\u2713<\/span>\n\n        <h3>No Minimum Order Quantity<\/h3>\n\n        <p>\n          We support both small custom pin orders and bulk production, so you can choose the quantity\n          that fits your project. For larger quantities, explore our\n          <a href=\"https:\/\/veperpins.com\/custom-pin\/order-bulk-lapel-pins\/\">\n            bulk lapel pins\n          <\/a>\n          options for volume pricing and large-order support.\n        <\/p>\n      <\/div>\n\n      <div class=\"vp-why-card\">\n        <span class=\"vp-why-icon\">\u2713<\/span>\n\n        <h3>Multiple Custom Pin Options<\/h3>\n\n        <p>\n          Choose from custom enamel pins, die struck pins, printed pins, trading pins, name tags,\n          and more.\n        <\/p>\n      <\/div>\n\n      <div class=\"vp-why-card\">\n        <span class=\"vp-why-icon\">\u2713<\/span>\n\n        <h3>Factory Direct Production<\/h3>\n\n        <p>\n          Our factory-direct process helps control cost, quality, communication, and production\n          details throughout your order.\n        <\/p>\n      <\/div>\n\n      <div class=\"vp-why-card\">\n        <span class=\"vp-why-icon\">\u2713<\/span>\n\n        <h3>Careful Quality Control<\/h3>\n\n        <p>\n          Before shipping, we check the plating, colors, shape, attachment, and overall finish\n          against your approved design.\n        <\/p>\n      <\/div>\n\n      <div class=\"vp-why-card\">\n        <span class=\"vp-why-icon\">\u2713<\/span>\n\n        <h3>Worldwide Shipping Support<\/h3>\n\n        <p>\n          We support global delivery and can help arrange suitable shipping options based on your\n          timeline and destination.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n.vp-coupon-section,\n.vp-coupon-section * {\n  box-sizing: border-box;\n}\n\n.vp-coupon-section {\n  padding: 72px 20px;\n  background: #ffffff;\n}\n\n.vp-coupon-box {\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 64px 32px;\n  text-align: center;\n  border-radius: 30px;\n  background:\n    radial-gradient(circle at top left, rgba(47, 107, 255, 0.12), transparent 34%),\n    radial-gradient(circle at bottom right, rgba(255, 198, 83, 0.18), transparent 30%),\n    linear-gradient(135deg, #f8fbff 0%, #eef4ff 100%);\n  border: 1px solid #e3ebf7;\n  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);\n  position: relative;\n  overflow: hidden;\n}\n\n.vp-coupon-box::before {\n  content: \"\";\n  position: absolute;\n  inset: 18px;\n  border: 1px dashed rgba(47, 107, 255, 0.24);\n  border-radius: 24px;\n  pointer-events: none;\n}\n\n.vp-coupon-badge,\n.vp-coupon-box h2,\n.vp-coupon-box p,\n.vp-coupon-btn {\n  position: relative;\n  z-index: 1;\n}\n\n.vp-coupon-badge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 18px;\n  padding: 7px 16px;\n  border-radius: 999px;\n  background: #ffffff;\n  color: #2563eb;\n  font-size: 13px;\n  font-weight: 800;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);\n}\n\n.vp-coupon-box h2 {\n  margin: 0 0 20px;\n  color: #151b26;\n  font-size: clamp(34px, 5vw, 62px);\n  line-height: 1.1;\n  font-weight: 900;\n  letter-spacing: -0.04em;\n}\n\n.vp-coupon-box p {\n  max-width: 850px;\n  margin: 0 auto 30px;\n  color: #374151;\n  font-size: clamp(16px, 2vw, 22px);\n  line-height: 1.6;\n}\n\n.vp-coupon-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  min-height: 58px;\n  padding: 0 34px;\n  border-radius: 14px;\n  background: #151b26;\n  color: #ffffff;\n  font-size: clamp(20px, 2.8vw, 34px);\n  line-height: 1;\n  font-weight: 800;\n  text-decoration: none;\n  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.22);\n  transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;\n}\n\n.vp-coupon-btn span {\n  transition: transform 0.22s ease;\n}\n\n.vp-coupon-btn:hover {\n  background: #2563eb;\n  color: #ffffff;\n  transform: translateY(-3px);\n  box-shadow: 0 18px 38px rgba(37, 99, 235, 0.3);\n}\n\n.vp-coupon-btn:hover span {\n  transform: translateX(4px);\n}\n\n@media (max-width: 768px) {\n  .vp-coupon-section {\n    padding: 50px 16px;\n  }\n\n  .vp-coupon-box {\n    padding: 44px 22px;\n    border-radius: 24px;\n  }\n\n  .vp-coupon-box::before {\n    inset: 12px;\n    border-radius: 18px;\n  }\n\n  .vp-coupon-box h2 {\n    font-size: 34px;\n  }\n\n  .vp-coupon-box p {\n    font-size: 16px;\n  }\n\n  .vp-coupon-btn {\n    width: 100%;\n    min-height: 54px;\n    font-size: 22px;\n    padding: 0 20px;\n  }\n}\n<\/style>\n\n<section class=\"vp-coupon-section\">\n  <div class=\"vp-coupon-box\">\n\n    <div class=\"vp-coupon-badge\">Limited Offer<\/div>\n\n    <h2>Custom Pins at Better Prices<\/h2>\n\n    <p>\n      Save more on your next custom pin order. Get exclusive VeperPins promo codes and enjoy quality production, careful inspection, and friendly support from start to finish.\n    <\/p>\n\n    <a class=\"vp-coupon-btn\" href=\"https:\/\/veperpins.com\/promo-code\/\">\n      Get Promo Code\n      <span>\u2192<\/span>\n    <\/a>\n\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n.vp-lapel-faq {\n  width: 100%;\n  padding: 40px 20px;\n  background: transparent;\n  box-sizing: border-box;\n}\n\n.vp-lapel-faq *,\n.vp-lapel-faq *::before,\n.vp-lapel-faq *::after {\n  box-sizing: border-box;\n}\n\n.vp-lapel-faq__box {\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: 76px 34px;\n  background: #f6f9ff;\n  border-radius: 34px;\n  overflow: hidden;\n}\n\n.vp-lapel-faq__wrap {\n  max-width: 1080px;\n  margin: 0 auto;\n}\n\n.vp-lapel-faq__head {\n  max-width: 760px;\n  margin: 0 auto 30px;\n  text-align: center;\n}\n\n.vp-lapel-faq__head h2 {\n  margin: 0;\n  color: #111827;\n  font-size: clamp(30px, 4vw, 46px);\n  line-height: 1.12;\n  letter-spacing: -0.04em;\n  font-weight: 800;\n}\n\n.vp-lapel-faq__radio {\n  position: absolute;\n  opacity: 0;\n  pointer-events: none;\n}\n\n.vp-lapel-faq__tabs {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 30px;\n}\n\n.vp-lapel-faq__tab {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid #cfe0ff;\n  background: #ffffff;\n  color: #1f2937;\n  border-radius: 999px;\n  padding: 12px 18px;\n  font-size: 14px;\n  line-height: 1;\n  font-weight: 750;\n  cursor: pointer;\n  user-select: none;\n  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n}\n\n.vp-lapel-faq__tab:hover {\n  transform: translateY(-1px);\n  border-color: #9fc0ff;\n}\n\n#vpFaqOrdering:checked ~ .vp-lapel-faq__tabs label[for=\"vpFaqOrdering\"],\n#vpFaqPayment:checked ~ .vp-lapel-faq__tabs label[for=\"vpFaqPayment\"],\n#vpFaqArtwork:checked ~ .vp-lapel-faq__tabs label[for=\"vpFaqArtwork\"],\n#vpFaqStyles:checked ~ .vp-lapel-faq__tabs label[for=\"vpFaqStyles\"],\n#vpFaqSize:checked ~ .vp-lapel-faq__tabs label[for=\"vpFaqSize\"],\n#vpFaqShipping:checked ~ .vp-lapel-faq__tabs label[for=\"vpFaqShipping\"],\n#vpFaqSupport:checked ~ .vp-lapel-faq__tabs label[for=\"vpFaqSupport\"] {\n  background: #2563eb;\n  border-color: #2563eb;\n  color: #ffffff;\n}\n\n.vp-lapel-faq__panels {\n  max-width: 920px;\n  margin: 0 auto;\n}\n\n.vp-lapel-faq__panel {\n  display: none;\n}\n\n#vpFaqOrdering:checked ~ .vp-lapel-faq__panels [data-faq-panel=\"ordering\"],\n#vpFaqPayment:checked ~ .vp-lapel-faq__panels [data-faq-panel=\"payment\"],\n#vpFaqArtwork:checked ~ .vp-lapel-faq__panels [data-faq-panel=\"artwork\"],\n#vpFaqStyles:checked ~ .vp-lapel-faq__panels [data-faq-panel=\"styles\"],\n#vpFaqSize:checked ~ .vp-lapel-faq__panels [data-faq-panel=\"size\"],\n#vpFaqShipping:checked ~ .vp-lapel-faq__panels [data-faq-panel=\"shipping\"],\n#vpFaqSupport:checked ~ .vp-lapel-faq__panels [data-faq-panel=\"support\"] {\n  display: grid;\n  gap: 14px;\n}\n\n.vp-lapel-faq__item {\n  background: #ffffff;\n  border: 1px solid #dbe7ff;\n  border-radius: 18px;\n  overflow: hidden;\n  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);\n  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;\n}\n\n.vp-lapel-faq__item:hover {\n  border-color: #bcd3ff;\n  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);\n  transform: translateY(-1px);\n}\n\n.vp-lapel-faq__item[open] {\n  border-color: #9fc0ff;\n}\n\n.vp-lapel-faq__item summary {\n  position: relative;\n  display: block;\n  cursor: pointer;\n  padding: 22px 58px 22px 24px;\n  color: #111827;\n  font-size: 17px;\n  line-height: 1.45;\n  font-weight: 750;\n  list-style: none;\n}\n\n.vp-lapel-faq__item summary::-webkit-details-marker {\n  display: none;\n}\n\n.vp-lapel-faq__item summary::after {\n  content: \"+\";\n  position: absolute;\n  top: 50%;\n  right: 22px;\n  width: 28px;\n  height: 28px;\n  border-radius: 999px;\n  background: #eef4ff;\n  color: #2563eb;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 22px;\n  line-height: 1;\n  font-weight: 500;\n  transform: translateY(-50%);\n}\n\n.vp-lapel-faq__item[open] summary::after {\n  content: \"\u2013\";\n  background: #2563eb;\n  color: #ffffff;\n}\n\n.vp-lapel-faq__answer {\n  padding: 0 24px 24px;\n  color: #4b5563;\n  font-size: 16px;\n  line-height: 1.75;\n}\n\n.vp-lapel-faq__answer p {\n  margin: 0;\n}\n\n.vp-lapel-faq__answer a {\n  color: #2563eb;\n  font-weight: 700;\n  text-decoration: underline;\n  text-underline-offset: 3px;\n}\n\n.vp-lapel-faq__answer a:hover {\n  color: #1d4ed8;\n}\n\n@media (max-width: 768px) {\n  .vp-lapel-faq {\n    padding: 28px 14px;\n  }\n\n  .vp-lapel-faq__box {\n    padding: 54px 16px;\n    border-radius: 26px;\n  }\n\n  .vp-lapel-faq__head {\n    margin-bottom: 24px;\n  }\n\n  .vp-lapel-faq__tabs {\n    justify-content: flex-start;\n    overflow-x: auto;\n    flex-wrap: nowrap;\n    padding-bottom: 8px;\n    margin-bottom: 24px;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .vp-lapel-faq__tab {\n    flex: 0 0 auto;\n    padding: 11px 15px;\n    font-size: 13px;\n  }\n\n  .vp-lapel-faq__item summary {\n    padding: 19px 52px 19px 18px;\n    font-size: 16px;\n  }\n\n  .vp-lapel-faq__item summary::after {\n    right: 16px;\n    width: 26px;\n    height: 26px;\n  }\n\n  .vp-lapel-faq__answer {\n    padding: 0 18px 20px;\n    font-size: 15px;\n  }\n}\n<\/style>\n\n<section class=\"vp-lapel-faq\" aria-labelledby=\"vp-lapel-faq-title\">\n  <div class=\"vp-lapel-faq__box\">\n    <div class=\"vp-lapel-faq__wrap\">\n\n      <div class=\"vp-lapel-faq__head\">\n        <h2 id=\"vp-lapel-faq-title\">Custom Lapel Pins FAQ<\/h2>\n      <\/div>\n\n      <input class=\"vp-lapel-faq__radio\" type=\"radio\" name=\"vp-lapel-faq-tabs\" id=\"vpFaqOrdering\" checked>\n      <input class=\"vp-lapel-faq__radio\" type=\"radio\" name=\"vp-lapel-faq-tabs\" id=\"vpFaqPayment\">\n      <input class=\"vp-lapel-faq__radio\" type=\"radio\" name=\"vp-lapel-faq-tabs\" id=\"vpFaqArtwork\">\n      <input class=\"vp-lapel-faq__radio\" type=\"radio\" name=\"vp-lapel-faq-tabs\" id=\"vpFaqStyles\">\n      <input class=\"vp-lapel-faq__radio\" type=\"radio\" name=\"vp-lapel-faq-tabs\" id=\"vpFaqSize\">\n      <input class=\"vp-lapel-faq__radio\" type=\"radio\" name=\"vp-lapel-faq-tabs\" id=\"vpFaqShipping\">\n      <input class=\"vp-lapel-faq__radio\" type=\"radio\" name=\"vp-lapel-faq-tabs\" id=\"vpFaqSupport\">\n\n      <div class=\"vp-lapel-faq__tabs\" aria-label=\"Custom lapel pins FAQ categories\">\n        <label class=\"vp-lapel-faq__tab\" for=\"vpFaqOrdering\">\n          Ordering &amp; Pricing\n        <\/label>\n\n        <label class=\"vp-lapel-faq__tab\" for=\"vpFaqPayment\">\n          Payment\n        <\/label>\n\n        <label class=\"vp-lapel-faq__tab\" for=\"vpFaqArtwork\">\n          Artwork\n        <\/label>\n\n        <label class=\"vp-lapel-faq__tab\" for=\"vpFaqStyles\">\n          Pin Styles\n        <\/label>\n\n        <label class=\"vp-lapel-faq__tab\" for=\"vpFaqSize\">\n          Size &amp; Options\n        <\/label>\n\n        <label class=\"vp-lapel-faq__tab\" for=\"vpFaqShipping\">\n          Production &amp; Shipping\n        <\/label>\n\n        <label class=\"vp-lapel-faq__tab\" for=\"vpFaqSupport\">\n          Order Support\n        <\/label>\n      <\/div>\n\n      <div class=\"vp-lapel-faq__panels\">\n\n        <!-- Ordering & Pricing -->\n        <div class=\"vp-lapel-faq__panel\" data-faq-panel=\"ordering\">\n          <details class=\"vp-lapel-faq__item\">\n            <summary>\n              What is the minimum order quantity for custom lapel pins?\n            <\/summary>\n\n            <div class=\"vp-lapel-faq__answer\">\n              <p>\n                VeperPins does not use one fixed minimum for every project.\n                Most custom lapel pin orders start at 50 pieces because mold,\n                setup, and production costs make very small runs more\n                expensive per pin. If you need fewer than 50, send us your\n                design and quantity so we can confirm whether the order is\n                practical.\n              <\/p>\n            <\/div>\n          <\/details>\n\n          <details class=\"vp-lapel-faq__item\">\n            <summary>\n              How much do custom lapel pins cost?\n            <\/summary>\n\n            <div class=\"vp-lapel-faq__answer\">\n              <p>\n                For reference, our current price for 100 one-inch pins is\n                $3.00 each for soft enamel, $3.09 for hard enamel, $2.99 for\n                die struck, and $2.91 for printed pins. Prices are in U.S.\n                dollars. Your final quote depends on size, quantity, plating,\n                backing, packaging, and upgrades. These prices are a useful\n                starting point, but we confirm the exact cost after reviewing\n                your design and order specifications.\n              <\/p>\n            <\/div>\n          <\/details>\n\n          <details class=\"vp-lapel-faq__item\">\n            <summary>\n              How does quantity affect bulk lapel pin pricing?\n            <\/summary>\n\n            <div class=\"vp-lapel-faq__answer\">\n              <p>\n                The unit price drops as the quantity increases. For example,\n                the current price for one-inch soft enamel pins is $3.00 each\n                at 100 pieces, $1.39 at 500, $1.19 at 1,000, and $0.61 at\n                10,000. Prices are in U.S. dollars. Special finishes and\n                packaging can change the final price. For large-volume orders,\n                we can prepare a project-specific quote based on the design,\n                quantity, deadline, and packing requirements.\n              <\/p>\n            <\/div>\n          <\/details>\n        <\/div>\n\n        <!-- Payment -->\n        <div class=\"vp-lapel-faq__panel\" data-faq-panel=\"payment\">\n          <details class=\"vp-lapel-faq__item\">\n            <summary>\n              When do I pay, and when does production start?\n            <\/summary>\n\n            <div class=\"vp-lapel-faq__answer\">\n              <p>\n                We confirm the quote and order details first. Production\n                begins only after you approve the digital proof and payment\n                is complete. Changes can be made before production starts,\n                but they are usually no longer possible once manufacturing\n                has begun.\n              <\/p>\n            <\/div>\n          <\/details>\n        <\/div>\n\n        <!-- Artwork -->\n        <div class=\"vp-lapel-faq__panel\" data-faq-panel=\"artwork\">\n          <details class=\"vp-lapel-faq__item\">\n            <summary>\n              Do I need finished artwork, and which file formats work best?\n            <\/summary>\n\n            <div class=\"vp-lapel-faq__answer\">\n              <p>\n                No. You can send a logo, sketch, photo, reference image, or\n                written idea. Vector files such as AI, EPS, PDF, and SVG are\n                best for production, but we can also review high-resolution\n                PNG and JPG files. We will let you know if the artwork needs\n                to be simplified or redrawn.\n              <\/p>\n            <\/div>\n          <\/details>\n\n          <details class=\"vp-lapel-faq__item\">\n            <summary>\n              What should I check on the digital proof?\n            <\/summary>\n\n            <div class=\"vp-lapel-faq__answer\">\n              <p>\n                Every order receives a digital proof before production.\n                Check the dimensions, shape, colors, spelling, artwork\n                placement, plating, and backing carefully. We will not begin\n                manufacturing until you approve the proof.\n              <\/p>\n            <\/div>\n          <\/details>\n        <\/div>\n\n        <!-- Pin Styles -->\n        <div class=\"vp-lapel-faq__panel\" data-faq-panel=\"styles\">\n          <details class=\"vp-lapel-faq__item\">\n            <summary>\n              Which pin style works best for my artwork?\n            <\/summary>\n\n            <div class=\"vp-lapel-faq__answer\">\n              <p>\n                Enamel pins work best for designs with solid colors and clear\n                metal lines. Die struck pins are a good fit for an all-metal\n                look with raised and recessed details. Printed pins are\n                usually better for photos, gradients, shadows, very small\n                text, or detailed full-color artwork.\n              <\/p>\n            <\/div>\n          <\/details>\n\n          <details class=\"vp-lapel-faq__item\">\n            <summary>\n              What is the difference between soft enamel and hard enamel pins?\n            <\/summary>\n\n            <div class=\"vp-lapel-faq__answer\">\n              <p>\n                Soft enamel pins have raised metal lines and recessed color\n                areas, creating a textured surface. Hard enamel pins are\n                filled and polished until the color and metal are level,\n                giving the pin a smooth surface and a more jewelry-like\n                finish.\n              <\/p>\n            <\/div>\n          <\/details>\n        <\/div>\n\n        <!-- Size & Options -->\n        <div class=\"vp-lapel-faq__panel\" data-faq-panel=\"size\">\n          <details class=\"vp-lapel-faq__item\">\n            <summary>\n              What size are custom lapel pins usually?\n            <\/summary>\n\n            <div class=\"vp-lapel-faq__answer\">\n              <p>\n                Most custom lapel pins are between 1 inch and 1.5 inches.\n                Simple logos can work at a smaller size, while detailed\n                artwork and longer text usually need more room to stay\n                readable. A size around 1 to 1.25 inches works well for many\n                logos, while 1.5 inches or larger is often better for detailed\n                designs.\n              <\/p>\n            <\/div>\n          <\/details>\n\n          <details class=\"vp-lapel-faq__item\">\n            <summary>\n              Which backing and finish options are available?\n            <\/summary>\n\n            <div class=\"vp-lapel-faq__answer\">\n              <p>\n                Metal butterfly and rubber clutches are standard no-cost\n                backing options in our current pricing. Magnets, safety pins,\n                deluxe clutches, and other attachments are also available.\n                Plating options include polished gold, silver, copper, black\n                nickel, and antique finishes. Depending on the artwork, you\n                can also add glitter, glow-in-the-dark enamel, transparent\n                enamel, epoxy coating, cutouts, or screen-printed details.\n                The best combination depends on where the pin will be worn,\n                how secure it needs to be, and the look you want.\n              <\/p>\n            <\/div>\n          <\/details>\n        <\/div>\n\n        <!-- Production & Shipping -->\n        <div class=\"vp-lapel-faq__panel\" data-faq-panel=\"shipping\">\n          <details class=\"vp-lapel-faq__item\">\n            <summary>\n              How long does production take, and is rush service available?\n            <\/summary>\n\n            <div class=\"vp-lapel-faq__answer\">\n              <p>\n                Standard production takes about 20 days after artwork\n                approval and payment. Rush production generally takes 13\u201316\n                days when the pin style, quantity, and factory schedule allow.\n                These are production estimates and do not include carrier\n                transit time. Tell us your event date before ordering so we\n                can confirm a workable schedule.\n              <\/p>\n            <\/div>\n          <\/details>\n\n          <details class=\"vp-lapel-faq__item\">\n            <summary>\n              Where does VeperPins ship, and is tracking included?\n            <\/summary>\n\n            <div class=\"vp-lapel-faq__answer\">\n              <p>\n                We ship worldwide, usually with FedEx, DHL, UPS, or a similar\n                carrier. Custom orders of 50 pieces or more currently include\n                free shipping to the United States, the UK, and Canada.\n                Shipping to other destinations is quoted separately. We\n                provide tracking information after the order ships.\n              <\/p>\n            <\/div>\n          <\/details>\n        <\/div>\n\n        <!-- Order Support -->\n        <div class=\"vp-lapel-faq__panel\" data-faq-panel=\"support\">\n          <details class=\"vp-lapel-faq__item\">\n            <summary>\n              What happens if there is a production issue with my order?\n            <\/summary>\n\n            <div class=\"vp-lapel-faq__answer\">\n              <p>\n                Contact us promptly after delivery and send clear photos of\n                the issue. We will compare the finished pins with the approved\n                proof and confirmed order specifications. If we confirm a\n                production issue, our team will work with you on an\n                appropriate resolution.\n              <\/p>\n            <\/div>\n          <\/details>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Custom Lapel Pins FAQ Structured Data -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"@id\": \"https:\/\/veperpins.com\/custom-pin\/#faq\",\n  \"url\": \"https:\/\/veperpins.com\/custom-pin\/#faq\",\n  \"inLanguage\": \"en-US\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What is the minimum order quantity for custom lapel pins?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"VeperPins does not use one fixed minimum for every project. Most custom lapel pin orders start at 50 pieces because mold, setup, and production costs make very small runs more expensive per pin. If you need fewer than 50, send us your design and quantity so we can confirm whether the order is practical.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How much do custom lapel pins cost?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"For reference, our current price for 100 one-inch pins is $3.00 each for soft enamel, $3.09 for hard enamel, $2.99 for die struck, and $2.91 for printed pins. Prices are in U.S. dollars. Your final quote depends on size, quantity, plating, backing, packaging, and upgrades. These prices are a useful starting point, but we confirm the exact cost after reviewing your design and order specifications.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How does quantity affect bulk lapel pin pricing?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"The unit price drops as the quantity increases. For example, the current price for one-inch soft enamel pins is $3.00 each at 100 pieces, $1.39 at 500, $1.19 at 1,000, and $0.61 at 10,000. Prices are in U.S. dollars. Special finishes and packaging can change the final price. For large-volume orders, we can prepare a project-specific quote based on the design, quantity, deadline, and packing requirements.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"When do I pay, and when does production start?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"We confirm the quote and order details first. Production begins only after you approve the digital proof and payment is complete. Changes can be made before production starts, but they are usually no longer possible once manufacturing has begun.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Do I need finished artwork, and which file formats work best?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"No. You can send a logo, sketch, photo, reference image, or written idea. Vector files such as AI, EPS, PDF, and SVG are best for production, but we can also review high-resolution PNG and JPG files. We will let you know if the artwork needs to be simplified or redrawn.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What should I check on the digital proof?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Every order receives a digital proof before production. Check the dimensions, shape, colors, spelling, artwork placement, plating, and backing carefully. We will not begin manufacturing until you approve the proof.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Which pin style works best for my artwork?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Enamel pins work best for designs with solid colors and clear metal lines. Die struck pins are a good fit for an all-metal look with raised and recessed details. Printed pins are usually better for photos, gradients, shadows, very small text, or detailed full-color artwork.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What is the difference between soft enamel and hard enamel pins?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Soft enamel pins have raised metal lines and recessed color areas, creating a textured surface. Hard enamel pins are filled and polished until the color and metal are level, giving the pin a smooth surface and a more jewelry-like finish.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What size are custom lapel pins usually?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Most custom lapel pins are between 1 inch and 1.5 inches. Simple logos can work at a smaller size, while detailed artwork and longer text usually need more room to stay readable. A size around 1 to 1.25 inches works well for many logos, while 1.5 inches or larger is often better for detailed designs.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Which backing and finish options are available?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Metal butterfly and rubber clutches are standard no-cost backing options in our current pricing. Magnets, safety pins, deluxe clutches, and other attachments are also available. Plating options include polished gold, silver, copper, black nickel, and antique finishes. Depending on the artwork, you can also add glitter, glow-in-the-dark enamel, transparent enamel, epoxy coating, cutouts, or screen-printed details. The best combination depends on where the pin will be worn, how secure it needs to be, and the look you want.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How long does production take, and is rush service available?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Standard production takes about 20 days after artwork approval and payment. Rush production generally takes 13\u201316 days when the pin style, quantity, and factory schedule allow. These are production estimates and do not include carrier transit time. Tell us your event date before ordering so we can confirm a workable schedule.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Where does VeperPins ship, and is tracking included?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"We ship worldwide, usually with FedEx, DHL, UPS, or a similar carrier. Custom orders of 50 pieces or more currently include free shipping to the United States, the UK, and Canada. Shipping to other destinations is quoted separately. We provide tracking information after the order ships.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What happens if there is a production issue with my order?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Contact us promptly after delivery and send clear photos of the issue. We will compare the finished pins with the approved proof and confirmed order specifications. If we confirm a production issue, our team will work with you on an appropriate resolution.\"\n      }\n    }\n  ]\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Custom Lapel Pins Whether you\u2019re ordering pins in bulk for your business or turning your artwork into pins to sell, VeperPins makes the whole process easy. You\u2019ll get high-quality custom lapel pins at an affordable price. Send us your design or idea, and let\u2019s get started. Most Popular Custom Enamel Pins Customize Now Classic Metal&#8230;<\/p>\n","protected":false},"author":1,"featured_media":3573,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-382","page","type-page","status-publish","has-post-thumbnail","hentry"],"taxonomy_info":[],"featured_image_src_large":["https:\/\/veperpins.com\/wp-content\/uploads\/2026\/04\/custom-soft-enamel-pins-bulk-1-1024x1024.webp",1024,1024,true],"author_info":{"display_name":"Shirya","author_link":"https:\/\/veperpins.com\/author\/boom\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/veperpins.com\/wp-json\/wp\/v2\/pages\/382","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/veperpins.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/veperpins.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/veperpins.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/veperpins.com\/wp-json\/wp\/v2\/comments?post=382"}],"version-history":[{"count":1,"href":"https:\/\/veperpins.com\/wp-json\/wp\/v2\/pages\/382\/revisions"}],"predecessor-version":[{"id":9109,"href":"https:\/\/veperpins.com\/wp-json\/wp\/v2\/pages\/382\/revisions\/9109"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/veperpins.com\/wp-json\/wp\/v2\/media\/3573"}],"wp:attachment":[{"href":"https:\/\/veperpins.com\/wp-json\/wp\/v2\/media?parent=382"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}