{"product_id":"butterfly-dance-retractable-gel-pen-0-5mm-black-ink-single-pen-or-5-color-set","title":"Butterfly Dance Retractable Gel Pen – 0.5mm Black Ink, Single Pen or 5-Color Set","description":"\u003cstyle\u003e\n  .tessvio-butterfly-dance {\n    width: 100%;\n    max-width: 780px;\n    min-width: 0;\n    margin: 0 auto;\n    padding: 18px 0 30px;\n    color: #4c4656;\n    font-family: inherit;\n    font-size: 15px;\n    line-height: 1.72;\n    overflow-wrap: anywhere;\n    white-space: normal;\n  }\n\n  .tessvio-butterfly-dance,\n  .tessvio-butterfly-dance *,\n  .tessvio-butterfly-dance *::before,\n  .tessvio-butterfly-dance *::after {\n    box-sizing: border-box;\n  }\n\n  .tessvio-butterfly-dance h2,\n  .tessvio-butterfly-dance h3,\n  .tessvio-butterfly-dance p {\n    padding: 0;\n    text-transform: none;\n  }\n\n  .tessvio-butterfly-dance h2 {\n    margin: 10px 0 15px;\n    font-size: 31px;\n    line-height: 1.16;\n    letter-spacing: -0.65px;\n  }\n\n  .tessvio-butterfly-dance h3 {\n    margin: 0 0 9px;\n    color: #3b3545;\n    font-size: 18px;\n    line-height: 1.35;\n  }\n\n  .tessvio-butterfly-dance p {\n    margin: 0 0 12px;\n    font-size: 15px;\n    line-height: 1.72;\n  }\n\n  .tessvio-butterfly-dance p:last-child {\n    margin-bottom: 0;\n  }\n\n  .tessvio-butterfly-dance ul,\n  .tessvio-butterfly-dance ol {\n    margin: 0;\n    padding-left: 20px;\n  }\n\n  .tessvio-butterfly-dance li {\n    margin-bottom: 9px;\n  }\n\n  .tessvio-butterfly-dance li:last-child {\n    margin-bottom: 0;\n  }\n\n\n  \/* HERO *\/\n  .tessvio-butterfly-dance .tbd-hero {\n    position: relative;\n    overflow: hidden;\n    padding: 42px 24px 38px;\n    border: 1px solid #ead9ec;\n    border-radius: 24px;\n    background:\n      radial-gradient(circle at 12% 18%, rgba(247,164,205,.34), transparent 25%),\n      radial-gradient(circle at 88% 16%, rgba(184,151,239,.28), transparent 25%),\n      radial-gradient(circle at 84% 84%, rgba(120,196,239,.24), transparent 26%),\n      radial-gradient(circle at 16% 82%, rgba(157,224,188,.23), transparent 25%),\n      linear-gradient(\n        135deg,\n        #fff8fc 0%,\n        #faf2ff 32%,\n        #f2f8ff 65%,\n        #f4fff9 100%\n      );\n    text-align: center;\n  }\n\n  .tessvio-butterfly-dance .tbd-hero::before {\n    content: \"✦   CLICK   ✧   FLUTTER   ✦   WRITE\";\n    position: absolute;\n    top: 14px;\n    left: 0;\n    width: 100%;\n    color: rgba(91,71,112,.06);\n    font-size: 20px;\n    font-weight: 900;\n    letter-spacing: 4px;\n    white-space: nowrap;\n    pointer-events: none;\n  }\n\n  .tessvio-butterfly-dance .tbd-hero::after {\n    content: \"🦋\";\n    position: absolute;\n    right: 16px;\n    bottom: 2px;\n    opacity: .10;\n    font-size: 72px;\n    transform: rotate(-10deg);\n    pointer-events: none;\n  }\n\n  .tessvio-butterfly-dance .tbd-icon {\n    position: relative;\n    z-index: 1;\n    display: block;\n    margin-bottom: 7px;\n    font-size: 35px;\n  }\n\n  .tessvio-butterfly-dance .tbd-label {\n    position: relative;\n    z-index: 1;\n    display: inline-block;\n    padding: 6px 12px;\n    border: 1px solid #dfcde8;\n    border-radius: 999px;\n    background: rgba(255,255,255,.76);\n    color: #8762a0;\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 1.2px;\n  }\n\n  .tessvio-butterfly-dance .tbd-hero h2 {\n    position: relative;\n    z-index: 1;\n    color: #3e3748;\n  }\n\n  .tessvio-butterfly-dance .tbd-hero h2 span {\n    background:\n      linear-gradient(\n        90deg,\n        #dc79ac 0%,\n        #9b77d4 28%,\n        #69a8df 57%,\n        #71b996 82%,\n        #cc88b6 100%\n      );\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n  }\n\n  .tessvio-butterfly-dance .tbd-hero p {\n    position: relative;\n    z-index: 1;\n    max-width: 635px;\n    margin-left: auto;\n    margin-right: auto;\n    color: #716979;\n  }\n\n\n  \/* FIRST IMPACT *\/\n  .tessvio-butterfly-dance .tbd-impact {\n    margin: 18px 0 25px;\n    padding: 19px 17px;\n    border: 1px solid #e4dcec;\n    border-radius: 16px;\n    background:\n      linear-gradient(\n        90deg,\n        #fff7fb,\n        #faf6ff,\n        #f3fbff,\n        #f5fff9\n      );\n    text-align: center;\n  }\n\n  .tessvio-butterfly-dance .tbd-impact strong {\n    display: block;\n    margin-bottom: 5px;\n    color: #6c5780;\n    font-size: 17px;\n    line-height: 1.4;\n  }\n\n  .tessvio-butterfly-dance .tbd-impact span {\n    color: #77707d;\n    font-size: 13px;\n  }\n\n\n  \/* MAGIC FLOW *\/\n  .tessvio-butterfly-dance .tbd-magic {\n    margin: 28px 0;\n  }\n\n  .tessvio-butterfly-dance .tbd-magic h3 {\n    margin-bottom: 14px;\n    font-size: 21px;\n  }\n\n  .tessvio-butterfly-dance .tbd-magic-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 10px;\n  }\n\n  .tessvio-butterfly-dance .tbd-magic-card {\n    padding: 19px 12px 17px;\n    border-radius: 16px;\n    text-align: center;\n  }\n\n  .tessvio-butterfly-dance .tbd-magic-card:nth-child(1) {\n    border: 1px solid #ead5e2;\n    background: #fff7fb;\n  }\n\n  .tessvio-butterfly-dance .tbd-magic-card:nth-child(2) {\n    border: 1px solid #e2d8ef;\n    background: #faf6ff;\n  }\n\n  .tessvio-butterfly-dance .tbd-magic-card:nth-child(3) {\n    border: 1px solid #d6e8eb;\n    background: #f4fbff;\n  }\n\n  .tessvio-butterfly-dance .tbd-step {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    margin: 0 auto 9px;\n    border-radius: 50%;\n    font-size: 18px;\n  }\n\n  .tessvio-butterfly-dance .tbd-magic-card:nth-child(1) .tbd-step {\n    background: #e9a4c9;\n  }\n\n  .tessvio-butterfly-dance .tbd-magic-card:nth-child(2) .tbd-step {\n    background: #b694df;\n  }\n\n  .tessvio-butterfly-dance .tbd-magic-card:nth-child(3) .tbd-step {\n    background: #78b9df;\n  }\n\n  .tessvio-butterfly-dance .tbd-magic-card strong {\n    display: block;\n    margin-bottom: 4px;\n    color: #49434f;\n    font-size: 14px;\n  }\n\n  .tessvio-butterfly-dance .tbd-magic-card span {\n    color: #756f79;\n    font-size: 12px;\n    line-height: 1.48;\n  }\n\n\n  \/* USEFUL PEN BLOCK *\/\n  .tessvio-butterfly-dance .tbd-useful {\n    position: relative;\n    overflow: hidden;\n    margin: 29px 0;\n    padding: 25px 20px;\n    border-radius: 20px;\n    background:\n      radial-gradient(circle at 10% 20%, rgba(243,171,209,.16), transparent 26%),\n      radial-gradient(circle at 90% 80%, rgba(137,177,233,.16), transparent 26%),\n      linear-gradient(\n        135deg,\n        #67518d 0%,\n        #6975a9 48%,\n        #5a9096 100%\n      );\n  }\n\n  .tessvio-butterfly-dance .tbd-useful::after {\n    content: \"WRITE\";\n    position: absolute;\n    right: -4px;\n    bottom: -17px;\n    color: rgba(255,255,255,.05);\n    font-size: 52px;\n    font-weight: 900;\n    letter-spacing: -2px;\n  }\n\n  .tessvio-butterfly-dance .tbd-useful h3 {\n    position: relative;\n    z-index: 1;\n    color: #f1e8ff;\n    font-size: 21px;\n  }\n\n  .tessvio-butterfly-dance .tbd-useful p {\n    position: relative;\n    z-index: 1;\n    color: #faf8ff;\n  }\n\n  .tessvio-butterfly-dance .tbd-useful strong {\n    color: #ffffff;\n  }\n\n\n  \/* FUNCTION GRID *\/\n  .tessvio-butterfly-dance .tbd-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px;\n    margin: 26px 0;\n  }\n\n  .tessvio-butterfly-dance .tbd-card {\n    padding: 19px 16px;\n    border-radius: 17px;\n  }\n\n  .tessvio-butterfly-dance .tbd-card:nth-child(1) {\n    border: 1px solid #ead5e2;\n    background: #fff7fb;\n  }\n\n  .tessvio-butterfly-dance .tbd-card:nth-child(2) {\n    border: 1px solid #e2d9ef;\n    background: #faf6ff;\n  }\n\n  .tessvio-butterfly-dance .tbd-card:nth-child(3) {\n    border: 1px solid #d6e7ed;\n    background: #f4fbff;\n  }\n\n  .tessvio-butterfly-dance .tbd-card:nth-child(4) {\n    border: 1px solid #d6e9df;\n    background: #f4fff8;\n  }\n\n  .tessvio-butterfly-dance .tbd-card-icon {\n    display: block;\n    margin-bottom: 10px;\n    font-size: 27px;\n  }\n\n  .tessvio-butterfly-dance .tbd-card h3 {\n    font-size: 16px;\n  }\n\n  .tessvio-butterfly-dance .tbd-card p {\n    color: #6d6772;\n    font-size: 14px;\n  }\n\n\n  \/* DREAMY STORY *\/\n  .tessvio-butterfly-dance .tbd-dream {\n    margin: 29px 0;\n    padding: 24px 19px;\n    border: 1px solid #e6dcec;\n    border-radius: 19px;\n    background:\n      radial-gradient(circle at 14% 18%, rgba(244,173,209,.16), transparent 25%),\n      radial-gradient(circle at 85% 83%, rgba(160,209,235,.16), transparent 25%),\n      linear-gradient(\n        135deg,\n        #fff8fc 0%,\n        #faf6ff 47%,\n        #f2fbff 100%\n      );\n  }\n\n  .tessvio-butterfly-dance .tbd-dream h3 {\n    font-size: 21px;\n  }\n\n  .tessvio-butterfly-dance .tbd-dream p {\n    color: #6c6672;\n  }\n\n\n  \/* WHO IT'S FOR *\/\n  .tessvio-butterfly-dance .tbd-gift {\n    margin: 29px 0;\n    padding: 24px 19px;\n    border: 1px solid #e5dde9;\n    border-radius: 19px;\n    background:\n      linear-gradient(\n        135deg,\n        #fff9fc,\n        #faf8ff,\n        #f5fcff\n      );\n  }\n\n  .tessvio-butterfly-dance .tbd-gift h3 {\n    font-size: 21px;\n  }\n\n  .tessvio-butterfly-dance .tbd-gift-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 9px;\n    margin-top: 15px;\n  }\n\n  .tessvio-butterfly-dance .tbd-gift-item {\n    padding: 13px 8px;\n    border: 1px solid #e4dde8;\n    border-radius: 12px;\n    background: rgba(255,255,255,.82);\n    color: #625a68;\n    text-align: center;\n    font-size: 12px;\n    font-weight: 600;\n  }\n\n\n  \/* COLORS *\/\n  .tessvio-butterfly-dance .tbd-colors {\n    margin: 28px 0;\n    padding: 22px 18px;\n    border: 1px solid #e4dee9;\n    border-radius: 18px;\n    background:\n      linear-gradient(\n        135deg,\n        #fff9fc 0%,\n        #faf5ff 26%,\n        #f4f9ff 52%,\n        #f3fff8 77%,\n        #fffefe 100%\n      );\n  }\n\n  .tessvio-butterfly-dance .tbd-colors h3 {\n    font-size: 21px;\n  }\n\n  .tessvio-butterfly-dance .tbd-colors p {\n    color: #706878;\n  }\n\n  .tessvio-butterfly-dance .tbd-color-grid {\n    display: grid;\n    grid-template-columns: repeat(5, minmax(0, 1fr));\n    gap: 8px;\n    margin-top: 15px;\n  }\n\n  .tessvio-butterfly-dance .tbd-color {\n    padding: 13px 5px;\n    border: 1px solid #e5e0ea;\n    border-radius: 13px;\n    background: rgba(255,255,255,.90);\n    text-align: center;\n    color: #5f5866;\n    font-size: 10px;\n    font-weight: 700;\n  }\n\n  .tessvio-butterfly-dance .tbd-color::before {\n    content: \"\";\n    display: block;\n    width: 30px;\n    height: 30px;\n    margin: 0 auto 8px;\n    border: 2px solid #ffffff;\n    border-radius: 50%;\n    box-shadow: 0 0 0 1px rgba(0,0,0,.09);\n  }\n\n  .tessvio-butterfly-dance .color-pink::before {\n    background: linear-gradient(135deg, #ef9ec5, #f8d2e4);\n  }\n\n  .tessvio-butterfly-dance .color-white::before {\n    background: linear-gradient(135deg, #ffffff, #e9edf4);\n  }\n\n  .tessvio-butterfly-dance .color-blue::before {\n    background: linear-gradient(135deg, #6faee1, #c5ddf5);\n  }\n\n  .tessvio-butterfly-dance .color-green::before {\n    background: linear-gradient(135deg, #7ac89b, #ccebd7);\n  }\n\n  .tessvio-butterfly-dance .color-purple::before {\n    background: linear-gradient(135deg, #9f7bd3, #d8c7ec);\n  }\n\n\n  \/* FULL SET *\/\n  .tessvio-butterfly-dance .tbd-bundle {\n    margin: 28px 0;\n    padding: 24px 19px;\n    border: 2px solid #d9c9ec;\n    border-radius: 20px;\n    background:\n      radial-gradient(circle at 12% 18%, rgba(243,164,204,.17), transparent 25%),\n      radial-gradient(circle at 88% 84%, rgba(117,193,223,.15), transparent 25%),\n      linear-gradient(\n        135deg,\n        #fff7fb 0%,\n        #faf4ff 35%,\n        #f2fbff 68%,\n        #f5fff8 100%\n      );\n    text-align: center;\n  }\n\n  .tessvio-butterfly-dance .tbd-bundle-badge {\n    display: inline-block;\n    margin-bottom: 9px;\n    padding: 5px 10px;\n    border-radius: 999px;\n    background: #eadcf7;\n    color: #6d4f94;\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: .9px;\n  }\n\n  .tessvio-butterfly-dance .tbd-bundle h3 {\n    font-size: 21px;\n  }\n\n  .tessvio-butterfly-dance .tbd-bundle p {\n    max-width: 600px;\n    margin-left: auto;\n    margin-right: auto;\n    color: #706878;\n  }\n\n  .tessvio-butterfly-dance .tbd-bundle-dots {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    flex-wrap: wrap;\n    margin-top: 15px;\n  }\n\n  .tessvio-butterfly-dance .tbd-dot {\n    width: 24px;\n    height: 24px;\n    border: 2px solid #ffffff;\n    border-radius: 50%;\n    box-shadow: 0 0 0 1px rgba(0,0,0,.10);\n  }\n\n  .tessvio-butterfly-dance .dot-pink {\n    background: #eaa0c4;\n  }\n\n  .tessvio-butterfly-dance .dot-white {\n    background: #eef1f6;\n  }\n\n  .tessvio-butterfly-dance .dot-blue {\n    background: #79afe0;\n  }\n\n  .tessvio-butterfly-dance .dot-green {\n    background: #7fc59d;\n  }\n\n  .tessvio-butterfly-dance .dot-purple {\n    background: #9b7bd0;\n  }\n\n\n  \/* DRAGONFLY CROSS-SELL *\/\n  .tessvio-butterfly-dance .tbd-dragonfly {\n    position: relative;\n    overflow: hidden;\n    margin: 28px 0;\n    padding: 25px 20px;\n    border: 1px solid #dbe6ea;\n    border-radius: 20px;\n    background:\n      radial-gradient(circle at 12% 20%, rgba(119,202,197,.20), transparent 27%),\n      radial-gradient(circle at 88% 18%, rgba(154,129,213,.18), transparent 27%),\n      linear-gradient(\n        135deg,\n        #f4fffc 0%,\n        #f5fbff 48%,\n        #faf7ff 100%\n      );\n    text-align: center;\n  }\n\n  .tessvio-butterfly-dance .tbd-dragonfly::before {\n    content: \"BUTTERFLY  ✧  DRAGONFLY\";\n    position: absolute;\n    top: 12px;\n    left: 0;\n    width: 100%;\n    color: rgba(82,99,108,.055);\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: 3px;\n  }\n\n  .tessvio-butterfly-dance .tbd-dragonfly::after {\n    content: \"🪽\";\n    position: absolute;\n    right: 17px;\n    bottom: 5px;\n    opacity: .11;\n    font-size: 58px;\n    pointer-events: none;\n  }\n\n  .tessvio-butterfly-dance .tbd-dragonfly-badge {\n    position: relative;\n    z-index: 1;\n    display: inline-block;\n    margin-bottom: 8px;\n    padding: 5px 10px;\n    border: 1px solid #d3e4e5;\n    border-radius: 999px;\n    background: rgba(255,255,255,.76);\n    color: #577d7e;\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: .9px;\n  }\n\n  .tessvio-butterfly-dance .tbd-dragonfly-icon {\n    position: relative;\n    z-index: 1;\n    display: block;\n    margin: 1px 0 5px;\n    font-size: 30px;\n  }\n\n  .tessvio-butterfly-dance .tbd-dragonfly h3 {\n    position: relative;\n    z-index: 1;\n    margin-bottom: 8px;\n    color: #4e5d65;\n    font-size: 21px;\n  }\n\n  .tessvio-butterfly-dance .tbd-dragonfly p {\n    position: relative;\n    z-index: 1;\n    max-width: 590px;\n    margin-left: auto;\n    margin-right: auto;\n    color: #69727a;\n  }\n\n  .tessvio-butterfly-dance .tbd-dragonfly-link {\n    position: relative;\n    z-index: 1;\n    display: inline-block;\n    margin-top: 4px;\n    padding: 11px 18px;\n    border: 1px solid #628f97;\n    border-radius: 999px;\n    background:\n      linear-gradient(135deg, #628c91, #7565a6);\n    color: #ffffff !important;\n    font-size: 13px;\n    font-weight: 800;\n    line-height: 1.2;\n    text-decoration: none !important;\n    box-shadow: 0 7px 16px rgba(92,93,135,.13);\n    transition:\n      transform .2s ease,\n      box-shadow .2s ease,\n      opacity .2s ease;\n  }\n\n  .tessvio-butterfly-dance .tbd-dragonfly-link:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 9px 19px rgba(92,93,135,.18);\n    opacity: .94;\n  }\n\n\n  \/* EVERYDAY USE *\/\n  .tessvio-butterfly-dance .tbd-desk {\n    margin: 28px 0;\n    padding: 22px 18px;\n    border: 1px solid #e2dfe8;\n    border-radius: 18px;\n    background: #fbfafc;\n  }\n\n  .tessvio-butterfly-dance .tbd-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-top: 14px;\n  }\n\n  .tessvio-butterfly-dance .tbd-tag {\n    display: inline-block;\n    padding: 7px 10px;\n    border-radius: 999px;\n    font-size: 12px;\n    font-weight: 600;\n  }\n\n  .tessvio-butterfly-dance .tbd-tag:nth-child(1),\n  .tessvio-butterfly-dance .tbd-tag:nth-child(5) {\n    border: 1px solid #ead4e1;\n    background: #fff7fb;\n    color: #7c566c;\n  }\n\n  .tessvio-butterfly-dance .tbd-tag:nth-child(2),\n  .tessvio-butterfly-dance .tbd-tag:nth-child(6) {\n    border: 1px solid #dfd8ed;\n    background: #faf6ff;\n    color: #6c5d82;\n  }\n\n  .tessvio-butterfly-dance .tbd-tag:nth-child(3) {\n    border: 1px solid #d6e5ef;\n    background: #f5fbff;\n    color: #586e8c;\n  }\n\n  .tessvio-butterfly-dance .tbd-tag:nth-child(4) {\n    border: 1px solid #d6e8de;\n    background: #f5fff8;\n    color: #567565;\n  }\n\n\n  \/* DETAILS *\/\n  .tessvio-butterfly-dance .tbd-details {\n    margin: 28px 0;\n    padding: 21px 19px;\n    border: 1px solid #e2dfe5;\n    border-radius: 18px;\n    background: #faf9fb;\n  }\n\n\n  \/* NOTE *\/\n  .tessvio-butterfly-dance .tbd-note {\n    margin: 23px 0;\n    padding: 16px 17px;\n    border-left: 4px solid #a27bc8;\n    border-radius: 0 13px 13px 0;\n    background: #faf6ff;\n  }\n\n  .tessvio-butterfly-dance .tbd-note p {\n    color: #665d70;\n    font-size: 13px;\n  }\n\n\n  \/* CLOSE *\/\n  .tessvio-butterfly-dance .tbd-close {\n    position: relative;\n    overflow: hidden;\n    margin: 29px 0 0;\n    padding: 31px 19px;\n    border-radius: 21px;\n    background:\n      radial-gradient(circle at 12% 18%, rgba(244,165,205,.17), transparent 27%),\n      radial-gradient(circle at 90% 82%, rgba(130,203,225,.16), transparent 25%),\n      linear-gradient(\n        135deg,\n        #74538f 0%,\n        #6e6ea8 48%,\n        #57919a 100%\n      );\n    text-align: center;\n  }\n\n  .tessvio-butterfly-dance .tbd-close::before {\n    content: \"✦  CLICK  •  DANCE  •  WRITE  ✦\";\n    position: absolute;\n    top: 12px;\n    left: 0;\n    width: 100%;\n    color: rgba(255,255,255,.17);\n    font-size: 13px;\n    font-weight: 800;\n    letter-spacing: 3px;\n  }\n\n  .tessvio-butterfly-dance .tbd-close::after {\n    content: \"DANCE\";\n    position: absolute;\n    right: -5px;\n    bottom: -17px;\n    color: rgba(255,255,255,.05);\n    font-size: 56px;\n    font-weight: 900;\n    letter-spacing: -3px;\n  }\n\n  .tessvio-butterfly-dance .tbd-close h3 {\n    position: relative;\n    z-index: 1;\n    color: #f4eaff;\n    font-size: 22px;\n  }\n\n  .tessvio-butterfly-dance .tbd-close p {\n    position: relative;\n    z-index: 1;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    color: #fbf8ff;\n  }\n\n\n  \/* MOBILE *\/\n  @media (max-width: 600px) {\n    .tessvio-butterfly-dance {\n      padding-top: 12px;\n    }\n\n    .tessvio-butterfly-dance h2 {\n      font-size: 25px;\n    }\n\n    .tessvio-butterfly-dance .tbd-hero {\n      padding: 33px 17px;\n    }\n\n    .tessvio-butterfly-dance .tbd-hero::before {\n      font-size: 13px;\n      letter-spacing: 2px;\n    }\n\n    .tessvio-butterfly-dance .tbd-magic-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .tessvio-butterfly-dance .tbd-grid {\n      gap: 10px;\n    }\n\n    .tessvio-butterfly-dance .tbd-card {\n      padding: 16px 12px;\n    }\n\n    .tessvio-butterfly-dance .tbd-gift-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .tessvio-butterfly-dance .tbd-color-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .tessvio-butterfly-dance .tbd-dragonfly {\n      padding: 23px 16px;\n    }\n\n    .tessvio-butterfly-dance .tbd-dragonfly::before {\n      font-size: 9px;\n      letter-spacing: 2px;\n    }\n\n    .tessvio-butterfly-dance .tbd-dragonfly-link {\n      width: 100%;\n      max-width: 300px;\n      padding: 12px 15px;\n    }\n  }\n\n  @media (max-width: 380px) {\n    .tessvio-butterfly-dance .tbd-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .tessvio-butterfly-dance .tbd-color-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"tessvio-butterfly-dance\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"tbd-hero\"\u003e\n\n    \u003cspan class=\"tbd-icon\"\u003e🦋\u003c\/span\u003e\n\n    \u003cspan class=\"tbd-label\"\u003e\n      FLUTTERING BUTTERFLY · 0.5MM BLACK INK\n    \u003c\/span\u003e\n\n    \u003ch2\u003e\n      Click the Pen.\u003cbr\u003e\n      \u003cspan\u003eWatch the Butterfly Dance.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      A dreamy retractable gel pen with fluttering butterfly wings,\n      soft translucent color and a fine 0.5mm black-ink tip —\n      made to turn an ordinary little click into something much more fun.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- FIRST HOOK --\u003e\n  \u003cdiv class=\"tbd-impact\"\u003e\n\n    \u003cstrong\u003e\n      A little movement makes an everyday pen much more fun to reach for.\n    \u003c\/strong\u003e\n\n    \u003cspan\u003e\n      Pretty enough to brighten your pencil case,\n      practical enough to stay in your everyday rotation.\n    \u003c\/span\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- MAGIC FLOW --\u003e\n  \u003cdiv class=\"tbd-magic\"\u003e\n\n    \u003ch3\u003eThe Click That Makes the Butterfly Move\u003c\/h3\u003e\n\n    \u003cdiv class=\"tbd-magic-grid\"\u003e\n\n      \u003cdiv class=\"tbd-magic-card\"\u003e\n\n        \u003cdiv class=\"tbd-step\"\u003e☝️\u003c\/div\u003e\n\n        \u003cstrong\u003eClick the Pen\u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Press the retractable mechanism just like you would with an everyday gel pen.\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"tbd-magic-card\"\u003e\n\n        \u003cdiv class=\"tbd-step\"\u003e🦋\u003c\/div\u003e\n\n        \u003cstrong\u003eWatch the Wings Flutter\u003c\/strong\u003e\n\n        \u003cspan\u003e\n          The decorative butterfly topper moves its wings with the pressing action.\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"tbd-magic-card\"\u003e\n\n        \u003cdiv class=\"tbd-step\"\u003e✍️\u003c\/div\u003e\n\n        \u003cstrong\u003eStart Writing\u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Use the fine 0.5mm black-ink tip for notes, journals, planners and everyday writing.\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- USEFUL PEN --\u003e\n  \u003cdiv class=\"tbd-useful\"\u003e\n\n    \u003ch3\u003ePretty Enough to Notice. Practical Enough to Use Every Day.\u003c\/h3\u003e\n\n    \u003cp\u003e\n      The butterfly is the part that catches your eye,\n      but underneath the decoration is a real retractable gel pen\n      designed for the writing you already do.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      \u003cstrong\u003e\n        Fine black ink, retractable convenience and a triangular grip —\n        all wrapped in a much more playful design.\n      \u003c\/strong\u003e\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- FUNCTION FEATURES --\u003e\n  \u003cdiv class=\"tbd-grid\"\u003e\n\n    \u003cdiv class=\"tbd-card\"\u003e\n\n      \u003cspan class=\"tbd-card-icon\"\u003e🦋\u003c\/span\u003e\n\n      \u003ch3\u003eFluttering Butterfly Topper\u003c\/h3\u003e\n\n      \u003cp\u003e\n        Pressing the pen mechanism brings the decorative butterfly wings into motion.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"tbd-card\"\u003e\n\n      \u003cspan class=\"tbd-card-icon\"\u003e✍️\u003c\/span\u003e\n\n      \u003ch3\u003eFine 0.5mm Black Ink\u003c\/h3\u003e\n\n      \u003cp\u003e\n        A fine-point black-ink tip suited to journaling,\n        note-taking, planning, schoolwork and everyday writing.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"tbd-card\"\u003e\n\n      \u003cspan class=\"tbd-card-icon\"\u003e△\u003c\/span\u003e\n\n      \u003ch3\u003eTriangular Grip\u003c\/h3\u003e\n\n      \u003cp\u003e\n        The shaped grip gives the fingers a defined place to rest\n        while you write.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"tbd-card\"\u003e\n\n      \u003cspan class=\"tbd-card-icon\"\u003e↕️\u003c\/span\u003e\n\n      \u003ch3\u003eRetractable Tip\u003c\/h3\u003e\n\n      \u003cp\u003e\n        Click the mechanism to extend or retract the writing tip\n        without needing a separate pen cap.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- DREAMY STORY --\u003e\n  \u003cdiv class=\"tbd-dream\"\u003e\n\n    \u003ch3\u003eA Little Fairy-Tale Energy for Your Pencil Case.\u003c\/h3\u003e\n\n    \u003cp\u003e\n      Soft pastel color, a translucent barrel,\n      sparkling decorative details and a butterfly that actually moves —\n      it has all the personality of a novelty pen without giving up everyday usefulness.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      The kind of stationery you notice before you even need to write something.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- WHO IT'S FOR --\u003e\n  \u003cdiv class=\"tbd-gift\"\u003e\n\n    \u003ch3\u003eFor People Who Like Their Stationery a Little Less Ordinary\u003c\/h3\u003e\n\n    \u003cp\u003e\n      Easy to use every day, but pretty enough to feel like a small treat or thoughtful gift.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"tbd-gift-grid\"\u003e\n\n      \u003cdiv class=\"tbd-gift-item\"\u003e\n        📓 Journal \u0026amp; Planner Lovers\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tbd-gift-item\"\u003e\n        📚 Students \u0026amp; Teachers\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tbd-gift-item\"\u003e\n        🎁 Cute Stationery Gifts\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- COLORS --\u003e\n  \u003cdiv class=\"tbd-colors\"\u003e\n\n    \u003ch3\u003eChoose Your Butterfly\u003c\/h3\u003e\n\n    \u003cp\u003e\n      Five soft colors give each butterfly its own little mood.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"tbd-color-grid\"\u003e\n\n      \u003cdiv class=\"tbd-color color-pink\"\u003e\n        Pink\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tbd-color color-white\"\u003e\n        Clear White\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tbd-color color-blue\"\u003e\n        Blue\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tbd-color color-green\"\u003e\n        Green\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tbd-color color-purple\"\u003e\n        Purple\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- ALL COLORS --\u003e\n  \u003cdiv class=\"tbd-bundle\"\u003e\n\n    \u003cspan class=\"tbd-bundle-badge\"\u003e\n      CAN'T CHOOSE JUST ONE?\n    \u003c\/span\u003e\n\n    \u003ch3\u003eBring Home the Whole Butterfly Garden.\u003c\/h3\u003e\n\n    \u003cp\u003e\n      Choose the all-colors set to get all five shades —\n      Pink, Clear White, Blue, Green and Purple —\n      one of each for your stationery collection, sharing or gifting.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"tbd-bundle-dots\"\u003e\n      \u003cspan class=\"tbd-dot dot-pink\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"tbd-dot dot-white\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"tbd-dot dot-blue\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"tbd-dot dot-green\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"tbd-dot dot-purple\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- DRAGONFLY CROSS-SELL --\u003e\n  \u003cdiv class=\"tbd-dragonfly\"\u003e\n\n    \u003cspan class=\"tbd-dragonfly-badge\"\u003e\n      ANOTHER MOVING-WING FAVORITE\n    \u003c\/span\u003e\n\n    \u003cspan class=\"tbd-dragonfly-icon\"\u003e\n      🪽\n    \u003c\/span\u003e\n\n    \u003ch3\u003eMore of a Dragonfly Person?\u003c\/h3\u003e\n\n    \u003cp\u003e\n      Discover the dragonfly version for a more botanical,\n      nature-inspired take on the same little fluttering moment.\n    \u003c\/p\u003e\n\n    \u003ca class=\"tbd-dragonfly-link\" href=\"https:\/\/tessvio.com\/products\/fluttering-dragonfly-wing-pen-make-every-click-feel-magical\"\u003e\n      Explore the Dragonfly Pen →\n    \u003c\/a\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- EVERYDAY USE --\u003e\n  \u003cdiv class=\"tbd-desk\"\u003e\n\n    \u003ch3\u003eMade for the Everyday Things You Already Write\u003c\/h3\u003e\n\n    \u003cp\u003e\n      Keep it in the places where a pen actually gets used.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"tbd-tags\"\u003e\n\n      \u003cspan class=\"tbd-tag\"\u003e📓 Journaling\u003c\/span\u003e\n      \u003cspan class=\"tbd-tag\"\u003e📅 Planning\u003c\/span\u003e\n      \u003cspan class=\"tbd-tag\"\u003e📝 Notes\u003c\/span\u003e\n      \u003cspan class=\"tbd-tag\"\u003e🎒 School\u003c\/span\u003e\n      \u003cspan class=\"tbd-tag\"\u003e🖥️ Office\u003c\/span\u003e\n      \u003cspan class=\"tbd-tag\"\u003e🎁 Gifting\u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- DETAILS --\u003e\n  \u003cdiv class=\"tbd-details\"\u003e\n\n    \u003ch3\u003eProduct Details\u003c\/h3\u003e\n\n    \u003cul\u003e\n\n      \u003cli\u003e\n        \u003cstrong\u003eProduct Type:\u003c\/strong\u003e\n        Retractable Gel Pen\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        \u003cstrong\u003eDesign:\u003c\/strong\u003e\n        Moving Butterfly Topper\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        \u003cstrong\u003eInk Color:\u003c\/strong\u003e\n        Black\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        \u003cstrong\u003eTip Size:\u003c\/strong\u003e\n        0.5mm\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        \u003cstrong\u003eTip Style:\u003c\/strong\u003e\n        Fine Point\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        \u003cstrong\u003eWriting Mechanism:\u003c\/strong\u003e\n        Retractable\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        \u003cstrong\u003eGrip Design:\u003c\/strong\u003e\n        Triangular Grip\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        \u003cstrong\u003eBarrel Style:\u003c\/strong\u003e\n        Translucent Pastel Barrel\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        \u003cstrong\u003eAvailable Colors:\u003c\/strong\u003e\n        Pink, Clear White, Blue, Green and Purple\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        \u003cstrong\u003eShopping Options:\u003c\/strong\u003e\n        5 Individual Colors or 1 All-Colors Set\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        \u003cstrong\u003eRecommended Use:\u003c\/strong\u003e\n        Journaling, Note-Taking, Schoolwork and Office Writing\n      \u003c\/li\u003e\n\n    \u003c\/ul\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- PACKAGE --\u003e\n  \u003cdiv class=\"tbd-details\"\u003e\n\n    \u003ch3\u003ePackage Options\u003c\/h3\u003e\n\n    \u003cul\u003e\n\n      \u003cli\u003e\n        \u003cstrong\u003eIndividual Color:\u003c\/strong\u003e\n        1 × Butterfly Dance Retractable Gel Pen in the Selected Color\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        \u003cstrong\u003eAll Colors Set:\u003c\/strong\u003e\n        5 × Butterfly Dance Retractable Gel Pens —\n        One Each in Pink, Clear White, Blue, Green and Purple\n      \u003c\/li\u003e\n\n    \u003c\/ul\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- NOTE --\u003e\n  \u003cdiv class=\"tbd-note\"\u003e\n\n    \u003ch3\u003ePlease Note\u003c\/h3\u003e\n\n    \u003cp\u003e\n      The butterfly topper is a decorative moving element\n      activated by pressing the retractable pen mechanism.\n      Handle the wing area with care during use and storage.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      Product colors and translucent effects may appear slightly different\n      depending on lighting, photography and screen settings.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- CLOSE --\u003e\n  \u003cdiv class=\"tbd-close\"\u003e\n\n    \u003ch3\u003eWhy Click a Normal Pen When a Butterfly Can Dance?\u003c\/h3\u003e\n\n    \u003cp\u003e\n      Write the note, click the top, watch the wings flutter —\n      then click it again because once probably won't be enough.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Tessvio","offers":[{"title":"Pink","offer_id":67629633274225,"sku":"HDB261003-Pink","price":13.98,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":67629633306993,"sku":"HDB261003-White","price":13.98,"currency_code":"USD","in_stock":true},{"title":"Blue","offer_id":67629633339761,"sku":"HDB261003-Blue","price":13.98,"currency_code":"USD","in_stock":true},{"title":"Green","offer_id":67629633372529,"sku":"HDB261003-Green","price":13.98,"currency_code":"USD","in_stock":true},{"title":"Purple","offer_id":67629633405297,"sku":"HDB261003-Purple","price":13.98,"currency_code":"USD","in_stock":true},{"title":"ALL","offer_id":67629633438065,"sku":"HDB261003-ALL","price":39.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1031\/3131\/6593\/files\/81B2Np7aJLL._AC_SL1500.jpg?v=1791028367","url":"https:\/\/tessvio.com\/products\/butterfly-dance-retractable-gel-pen-0-5mm-black-ink-single-pen-or-5-color-set","provider":"Tessvio","version":"1.0","type":"link"}