.generate-button{--generate-button-star-1-opacity:.25;--generate-button-star-1-scale:1;--generate-button-star-2-opacity:1;--generate-button-star-2-scale:1;--generate-button-star-3-opacity:.5;--generate-button-star-3-scale:1;--generate-button-dots-opacity:0;appearance:none;outline:none;border:none;padding:16px 24px 16px 20px;border-radius:29px;margin:0;background-color:#6d44f4;color:#fff;min-width:192px;display:flex;position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:1;transform:scale(1.1) translateZ(0);box-shadow:0 0 120px rgba(208,173,255,.4),0 4px 12px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.1),inset 0 1px 1px hsla(0,0%,100%,.35),0 0 0 3px rgba(109,68,244,.4);transition:transform .3s,background-color .3s,box-shadow .3s,color .3s}.generate-button:before{content:"";display:block;position:absolute;right:20%;height:20px;left:20%;bottom:-10px;background:#d3b3ff;filter:blur(12.5px);z-index:2;clip-path:inset(-200% -30% 10px -30% round 29px);opacity:1;transition:opacity .4s;transform:translateZ(0)}.generate-button span{position:relative;z-index:1;font-family:Poppins,Arial;font-weight:600;font-size:16px;line-height:26px;letter-spacing:.005em;display:block}.generate-button span:before{content:"";background-image:linear-gradient(90deg,transparent,#1d1d1d);position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .4s}.generate-button .stroke{mix-blend-mode:hard-light}.generate-button .stroke svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-width:.75px;stroke:#e2d9ff;stroke-dasharray:1.5 14;stroke-dashoffset:22;opacity:1;animation:stroke 2s linear infinite}.generate-button .stroke svg:nth-child(2){stroke-width:1px;stroke-opacity:.5;filter:blur(3px)}.generate-button svg{display:block;overflow:visible;pointer-events:none}.generate-button svg.dots{position:absolute;inset:0;width:100%;height:100%;z-index:10;fill:#d3b2ff;opacity:var(--generate-button-dots-opacity)}.generate-button svg.icon{width:24px;height:26px;margin-right:12px;fill:currentColor}.generate-button svg.icon path:first-child{opacity:var(--generate-button-star-1-opacity);transform:scale(var(--generate-button-star-1-scale)) translateZ(0);transform-origin:25% 14.58%}.generate-button svg.icon path:nth-child(2){opacity:var(--generate-button-star-2-opacity);transform:scale(var(--generate-button-star-2-scale)) translateZ(0);transform-origin:60.42% 50%}.generate-button svg.icon path:nth-child(3){opacity:var(--generate-button-star-3-opacity);transform:scale(var(--generate-button-star-3-scale)) translateZ(0);transform-origin:25% 85.42%}.generate-button:active{--generate-button-scale:1.05}@keyframes stroke{0%{opacity:0}25%,75%{opacity:1}95%,to{stroke-dashoffset:6;opacity:0}}body{transition:background-color .3s;background-color:#10042e}body:after{content:"";position:absolute;inset:0;background-image:url(https://assets.codepen.io/165585/noise_1.png);background-repeat:repeat;opacity:.25;mix-blend-mode:overlay;pointer-events:none;transition:opacity .3s}html{box-sizing:border-box;-webkit-font-smoothing:antialiased}*,:after,:before{box-sizing:inherit}