.cw-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0;height:50px;padding:0 14px;cursor:pointer;border:1px solid #000;border-radius:1600px;background:var(--fab-bg,#000);color:#fff;font:inherit;font-weight:700;font-size:13px;letter-spacing:.032em;text-transform:uppercase;white-space:nowrap;box-shadow:0 10px 30px rgba(20,60,120,.25);transition:background .15s,padding .34s cubic-bezier(.2,.8,.25,1),gap .34s cubic-bezier(.2,.8,.25,1)}.cw-btn:hover,.cw-btn[aria-expanded=true]{background:var(--fab-hover,#5c4ade);color:#fff}.cw-btn.is-open{gap:10px;padding:0 22px 0 18px}.cw-txt{max-width:0;overflow:hidden;opacity:0;text-overflow:ellipsis;transition:max-width .34s cubic-bezier(.2,.8,.25,1),opacity .24s}.cw-btn.is-open .cw-txt{max-width:280px;opacity:1}.cw-bico{position:relative;flex:none;display:flex}.cw-bico svg,.cw-s{display:block}.cw-s{position:absolute;width:9px;height:9px;opacity:0;-webkit-mask:var(--fab-star) center/contain no-repeat;mask:var(--fab-star) center/contain no-repeat;--fab-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c.5 6.2 5.3 11 11.5 11.5C17.3 12 12.5 16.8 12 23c-.5-6.2-5.3-11-11.5-11.5C6.7 11 11.5 6.2 12 0Z'/%3E%3C/svg%3E")}.cw-s1{left:-4px;top:-7px;background:var(--fab-a);--dx1:-4px;--dx2:-11px}.cw-s2{left:7px;top:-11px;width:12px;height:12px;background:var(--fab-b);--dx1:2px;--dx2:5px}.cw-s3{left:15px;top:-6px;background:var(--fab-c);--dx1:5px;--dx2:12px}@keyframes fabSpark{0%{opacity:0;transform:translate(0) scale(.4) rotate(0)}18%{opacity:1;transform:translate(var(--dx1),-8px) scale(1) rotate(35deg)}70%{opacity:.85}to{opacity:0;transform:translate(var(--dx2),-30px) scale(.5) rotate(120deg)}}.cw-btn .shine,.cw-glow,.cw-orbit,.cw-ring{display:none}.cw-btn.cta-nudge .shine{display:block}.cw-glow{position:absolute;inset:-9px;border-radius:1600px;background:radial-gradient(closest-side,color-mix(in srgb,var(--fab-a) 30%,transparent),color-mix(in srgb,var(--fab-c) 18%,transparent),transparent);filter:blur(7px);pointer-events:none}@keyframes fabGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.09)}}.cw-ring{position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;border:1.5px solid var(--fab-a);pointer-events:none}.cw-ring2{border-color:var(--fab-c)}@keyframes fabRing{0%{opacity:.6;transform:scale(.85)}to{opacity:0;transform:scale(1.55)}}.cw-orbit{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;pointer-events:none}.cw-orbit i{display:block;width:7px;height:7px;border-radius:50%;background:var(--fab-a);box-shadow:0 0 8px color-mix(in srgb,var(--fab-a) 85%,transparent)}@keyframes fabOrbit{0%{transform:rotate(0) translateX(23px) rotate(0)}to{transform:rotate(1turn) translateX(23px) rotate(-1turn)}}@keyframes fabTap{0%,88%,to{transform:scale(1)}92%{transform:scale(1.14)}96%{transform:scale(.96)}}.cw-btn[data-anim=spark] .cw-s1{animation:fabSpark 2.4s ease-out infinite}.cw-btn[data-anim=spark] .cw-s2{animation:fabSpark 2.4s ease-out .55s infinite}.cw-btn[data-anim=spark] .cw-s3{animation:fabSpark 2.4s ease-out 1.15s infinite}.cw-btn[data-anim=spark] .cw-glow{display:block;animation:fabGlow 3.4s ease-in-out infinite}.cw-btn[data-anim=spark] .cw-bico{animation:fabTap 4.5s ease-in-out infinite}.cw-btn[data-anim=shine]{overflow:hidden}.cw-btn[data-anim=shine] .shine{display:block;position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:upwShine 5s ease-in-out infinite;pointer-events:none}.cw-btn[data-anim=shine] .cw-s1{animation:fabSpark 3.6s ease-out infinite}.cw-btn[data-anim=shine] .cw-s3{animation:fabSpark 3.6s ease-out 1.4s infinite}.cw-btn[data-anim=shine] .cw-s2{display:none}.cw-btn[data-anim=orbit]:not(.is-open) .cw-ring{display:block;animation:fabRing 2.6s ease-out infinite}.cw-btn[data-anim=orbit]:not(.is-open) .cw-ring2{animation-delay:1.3s}.cw-btn[data-anim=orbit]:not(.is-open) .cw-orbit{display:block;animation:fabOrbit 4.5s linear infinite}.cw-btn[data-anim=orbit].is-open .cw-s1{animation:fabSpark 2.2s ease-out infinite}.cw-btn[data-anim=orbit].is-open .cw-s2{animation:fabSpark 2.2s ease-out .5s infinite}.cw-btn[data-anim=orbit].is-open .cw-s3{animation:fabSpark 2.2s ease-out 1.05s infinite}.cw-btn[aria-expanded=true],.cw-btn[aria-expanded=true] *{animation:none!important}.cw-btn[aria-expanded=true] .shine{display:none}.cw-btn.is-idle,.cw-btn.is-idle *{animation-play-state:paused!important}.cw-fab{transition:opacity .25s,transform .25s}@media (max-width:700px){.cw-fab.is-top{opacity:0;transform:translateY(16px);pointer-events:none;visibility:hidden;transition:opacity .25s,transform .25s,visibility 0s .25s}}@media (max-width:520px){.cw-btn{height:46px;padding:0 12px;font-size:12px}.cw-btn.is-open{padding:0 18px 0 15px}.cw-btn.is-open .cw-txt{max-width:200px}.cw-ring{width:46px;height:46px;margin:-23px 0 0 -23px}}@media (prefers-reduced-motion:reduce){.cw-btn,.cw-btn *{animation:none!important;transition:none!important}.cw-btn .shine{display:none!important}.cw-s{opacity:.9}}.fab-demo{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:18px;border-radius:14px;background:#f4f4ef}.fab-demo-cap{font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8f8f88}.fab-stage{display:flex;align-items:center;min-height:64px;padding:0 14px}.fab-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:8px;gap:8px}.fab-card,.fab-tone{position:relative;cursor:pointer;border:1px solid #ddd;font-weight:400;text-transform:none;letter-spacing:0}.fab-card{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:12px}.fab-card input,.fab-tone input{position:absolute;opacity:0;pointer-events:none}.fab-card b{font-weight:700;font-size:14px}.fab-card span{font-size:12px;line-height:1.4;color:#666}.fab-card:hover,.fab-tone:hover{border-color:#999}.fab-card:has(input:checked),.fab-tone:has(input:checked){border-color:#000;box-shadow:inset 0 0 0 1px #000}.fab-card:has(input:focus-visible),.fab-tone:has(input:focus-visible){outline:2px solid #5c4ade;outline-offset:2px}.fab-tones{display:flex;flex-wrap:wrap;gap:8px}.fab-tone{display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:22px;font-size:13px}.fab-dots{display:flex;gap:3px}.fab-dots i{width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.12)}.fab-color{display:flex;align-items:center;gap:10px}.fab-color input[type=color]{width:44px;height:36px;padding:2px;border:1px solid #ccc;border-radius:8px;background:#fff;cursor:pointer}.fab-color code{font-size:13px;text-transform:uppercase}@media (max-width:900px){.fab-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}