.trailButton{--black-700:#131313;--border_radius:9999px;--transition:.3s ease-in-out;--offset:0px;cursor:pointer;transform-origin:50%;border-radius:var(--border_radius);transition:transform var(--transition),box-shadow var(--transition);background-color:#0000;border:none;align-items:center;gap:.5rem;padding:1rem 2rem;display:flex;position:relative;transform:scale(1)}.trailButton:before{content:"";background-color:var(--black-700);border-radius:var(--border_radius);width:100%;height:100%;transition:all var(--transition);z-index:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.trailButton:after{content:"";opacity:0;border-radius:var(--border_radius);width:100%;height:100%;transition:opacity var(--transition);z-index:2;background-color:#7b3bfcbf;background-image:radial-gradient(at 51% 89%,#b99fdb 0,#0000 50%),radial-gradient(at 100% 100%,#9474be 0,#0000 50%),radial-gradient(at 22% 91%,#9474be 0,#0000 50%);background-position:top;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.trailButton:is(:hover,:focus-visible){transform:scale(1.05);box-shadow:0 0 8px 3px #ffffff4d,0 4px 12px #0000004d}.trailButton:active{transition-duration:.1s;transform:scale(.85)}.trailButton .dots_border{--size_border:calc(100% + 2px);width:var(--size_border);height:var(--size_border);border-radius:var(--border_radius);z-index:-10;background-color:#0000;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.trailButton .dots_border:before{content:"";transform-origin:0;background-color:#fff;width:100%;height:2rem;animation:4s linear infinite rotate;position:absolute;top:30%;left:50%;transform:rotate(0);-webkit-mask:linear-gradient(#0000 0%,#fff 120%);mask:linear-gradient(#0000 0%,#fff 120%)}@keyframes rotate{to{transform:rotate(360deg)}}.trailButton .sparkle{z-index:10;width:1.75rem;position:relative}.trailButton .sparkle .path{fill:currentColor;stroke:currentColor;transform-origin:50%;color:#fff}.trailButton .text_trailButton{z-index:10;color:#0000;background-image:linear-gradient(#ffffffd9 20%,#000000d9 140%);-webkit-background-clip:text;background-clip:text;font-size:1rem;position:relative}
