CodePen - Order confirm animation

ns © ",2026]}]}],["$","span",null,{"className":"flex flex-wrap items-center gap-2.5","children":[["$","$1","/privacy",{"children":[false,["$","a",null,{"href":"/privacy","className":"transition-colors duration-150 ease-out hover:text-black dark:hover:text-white","children":"Privacy Policy"}]]}],["$","$1","/terms",{"children":[["$","span",null,{"aria-hidden":"true","className":"text-black/25 dark:text-white/25","children":"·"}],["$","a",null,{"href":"/terms","className":"transition-colors duration-150 ease-out hover:text-black dark:hover:text-white","children":"Terms of Use"}]]}],["$","$1","/sitemap.xml",{"children":[["$","span",null,{"aria-hidden":"true","className":"text-black/25 dark:text-white/25","children":"·"}],["$","a",null,{"href":"/sitemap.xml","className":"transition-colors duration-150 ease-out hover:text-black dark:hover:text-white","children":"Sitemap"}]]}],["$","$1","/robots.txt",{"children":[["$","span",null,{"aria-hidden":"true","className":"text-black/25 dark:text-white/25","children":"·"}],["$","a",null,{"href":"/robots.txt","className":"transition-colors duration-150 ease-out hover:text-black dark:hover:text-white","children":"robots.txt"}]]}]]}]]}] 21:I[17184,["/_next/static/chunks/0veumvt3v650o.js","/_next/static/chunks/3d39xd1e3sk8e.js","/_next/static/chunks/14mrh2-p_w84d.js","/_next/static/chunks/22abosxhu_qcz.js","/_next/static/chunks/083urbzmo0y69.js"],"default"] 25:I[27201,["/_next/static/chunks/0veumvt3v650o.js","/_next/static/chunks/3d39xd1e3sk8e.js","/_next/static/chunks/14mrh2-p_w84d.js"],"IconMark"] 22:T518, CodePen - Order confirm animation

23:T2237,:root { --primary: #275EFE; --primary-light: #7699FF; --dark: #1C212E; --grey-dark: #3F4656; --grey: #6C7486; --grey-light: #CDD9ED; --white: #FFF; --green: #16BF78; --sand: #DCB773; --sand-light: #EDD9A9; } .order { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background: var(--dark); position: relative; height: 63px; width: 240px; padding: 0; outline: none; cursor: pointer; border-radius: 32px; -webkit-mask-image: -webkit-radial-gradient(white, black); -webkit-tap-highlight-color: transparent; overflow: hidden; transition: transform 0.3s ease; } .order span { --o: 1; position: absolute; left: 0; right: 0; text-align: center; top: 19px; line-height: 24px; color: var(--white); font-size: 16px; font-weight: 500; opacity: var(--o); transition: opacity 0.3s ease; } .order span.default { transition-delay: 0.3s; } .order span.success { --offset: 16px; --o: 0; } .order span.success svg { width: 12px; height: 10px; display: inline-block; vertical-align: top; fill: none; margin: 7px 0 0 4px; stroke: var(--green); stroke-width: 2; stroke-linecap: round; stroke-

The collection [1]