@property --angle{syntax:"<angle>";inherits:true;initial-value:0deg}.c-sonar-button{--d:5s;--angle:0deg;--c1:#fff;--c2:#141414;--border-radius:0px;--border-size:1px;--border-blur:40px;--border-blur-size:-3px;--border-blur-opacity:.5;background-color:var(--c2);border-radius:var(--border-radius);color:#fff;z-index:1;position:relative}.c-sonar-button:after,.c-sonar-button:before{opacity:0;animation:borderRotate var(--d)linear infinite forwards;transition:opacity .3s}.c-sonar-button:hover:after,.c-sonar-button:hover:before{opacity:1}.c-sonar-button:before{content:"";border-radius:var(--border-radius);background-position:0 0;background-size:100% 100%;background-image:conic-gradient(from var(--angle)at 50% 50%,#ffffff17 85%,#f9faff 98%);-webkit-mask-composite:xor;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.c-sonar-button:after{left:var(--border-blur-size);right:var(--border-blur-size);top:var(--border-blur-size);bottom:var(--border-blur-size);background-position:0 0;background-size:200% 200%;background-image:conic-gradient(from var(--angle)at 25% 25%,var(--c2)90%,#f9faff 100%);z-index:-1;content:"";filter:blur(var(--border-blur));opacity:var(--border-blur-opacity);position:absolute}@keyframes borderRotate{0%{--angle:0deg}to{--angle:360deg}}.c-sonar-button,.c-sonar-button[data-variant=dark]{color:#fff;--c1:#f9faff;background-color:#141414}.c-sonar-button:hover,.c-sonar-button[data-variant=dark]:hover{background-color:#141414}.c-sonar-button[data-size=small]{gap:.5rem;padding:.5rem 1rem;font-size:.875rem}.c-sonar-button[data-size=medium]{gap:.75rem;padding:.75rem 1.5rem;font-size:1rem}.c-sonar-button[data-size=large]{gap:1rem;padding:1rem 2rem;font-size:1.125rem}.c-button-arrow{justify-content:center;align-items:center;transition:transform .3s;display:flex}.c-sonar-button:hover .c-button-arrow{transform:translate(2px,-2px)}.c-button-arrow svg{width:.875rem;height:.875rem}.c-sonar-button[data-size=small] .c-button-arrow svg{width:.75rem;height:.75rem}.c-sonar-button[data-size=large] .c-button-arrow svg{width:1rem;height:1rem}.c-text-wr{z-index:2;position:relative}