@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0turn}@property --glow-opacity{syntax:"<number>";inherits:false;initial-value:0}.animated-border-button{letter-spacing:-.01em;color:#161616;color:lab(7.22637% -.0000149012 0);cursor:pointer;z-index:0;background:#fff;background:lab(100% 0 0);border:1px solid #d7d7d7;border:1px solid lab(86.08% -.0000298023 0);border-radius:.75rem;outline:none;align-items:center;gap:.625rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.dark .animated-border-button{color:#eee;color:lab(94.2% 0 0);background:#121212;background:lab(5.26802% 0 0);border-color:#2e2e2e;border-color:lab(18.8% 0 0)}.button-icon{color:#2456d3;color:lab(39.5252% 21.1503 -70.4146);justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1);display:flex}.dark .button-icon{color:#5288ff;color:lab(57.383% 14.3273 -70.6888)}.button-text{z-index:2;transition:color .3s cubic-bezier(.4,0,.2,1);position:relative}.animated-border-button:before{--border-angle:0turn;content:"";border-radius:inherit;background:conic-gradient(from var(--border-angle),transparent 0%,transparent 70%,#2456d3 80%,#0089d3 90%,#6054ec 95%,transparent 100%);z-index:-1;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);animation:4s linear infinite border-spin;position:absolute;inset:-2px}@supports (color:lab(0% 0 0)){.animated-border-button:before{background:conic-gradient(from var(--border-angle),transparent 0%,transparent 70%,lab(39.5252% 21.1503 -70.4146) 80%,lab(52.4517% -7.67094 -76.5086) 90%,lab(44.3191% 38.7476 -76.8339) 95%,transparent 100%)}}.animated-border-button:after{content:"";background:inherit;z-index:-1;border-radius:calc(.75rem - 1px);position:absolute;inset:1px}.animated-border-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px -2px #2456d326,0 2px 8px -2px #2456d31a;box-shadow:0 4px 12px -2px lab(39.5252% 21.1503 -70.4146/.15),0 2px 8px -2px lab(39.5252% 21.1503 -70.4146/.1)}.dark .animated-border-button:hover{box-shadow:0 4px 16px -2px #2456d34d,0 2px 12px -2px #2456d333;box-shadow:0 4px 16px -2px lab(39.5252% 21.1503 -70.4146/.3),0 2px 12px -2px lab(39.5252% 21.1503 -70.4146/.2)}.animated-border-button:hover:before{opacity:1}.animated-border-button:hover .button-icon{color:#1f5cff;color:lab(44.3363% 31.557 -88.0077);transform:rotate(180deg)scale(1.1)}.dark .animated-border-button:hover .button-icon{color:#69f;color:lab(62.3802% 22.453 -88.1229)}.animated-border-button:active{transform:translateY(0);box-shadow:0 2px 6px -1px #2456d333,inset 0 2px 4px #0000000d;box-shadow:0 2px 6px -1px lab(39.5252% 21.1503 -70.4146/.2),inset 0 2px 4px lab(0% 0 0/.05)}.animated-border-button:focus-visible{outline-offset:2px;outline:2px solid #2456d3;outline:2px solid lab(39.5252% 21.1503 -70.4146)}.animated-border-button.gradient:before{background:conic-gradient(from var(--border-angle),transparent 0%,transparent 60%,#dc3dd5 70%,#9d41ff 80%,#445def 90%,#006aa2 95%,transparent 100%);animation:3s linear infinite border-spin}@supports (color:lab(0% 0 0)){.animated-border-button.gradient:before{background:conic-gradient(from var(--border-angle),transparent 0%,transparent 60%,lab(55.5163% 72.92 -44.8945) 70%,lab(48.3388% 69.6326 -86.1785) 80%,lab(44.7435% 29.6111 -77.9319) 90%,lab(41.1406% -7.40173 -61.2538) 95%,transparent 100%)}}.animated-border-button.gradient .button-icon{background:linear-gradient(135deg,#cb27c5,#384cde);background:linear-gradient(135deg,lab(49.6672% 72.9406 -44.8196),lab(38.6997% 32.722 -77.9265));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.animated-border-button.glow:before{background:conic-gradient(from var(--border-angle),transparent 0%,transparent 65%,#00b8a1 75%,#00c8d1 85%,#00ab6d 95%,transparent 100%);filter:blur(1px);animation:3.5s linear infinite border-spin}@supports (color:lab(0% 0 0)){.animated-border-button.glow:before{background:conic-gradient(from var(--border-angle),transparent 0%,transparent 65%,lab(68.9591% -113.706 -.514603) 75%,lab(73.5902% -85.4151 -34.8758) 85%,lab(62.6136% -88.019 34.031) 95%,transparent 100%)}}.animated-border-button.glow:hover{box-shadow:0 0 20px #00b8a14d,0 4px 16px -2px #00b8a133;box-shadow:0 0 20px lab(68.9591% -113.706 -.514603/.3),0 4px 16px -2px lab(68.9591% -113.706 -.514603/.2)}.dark .animated-border-button.glow:hover{box-shadow:0 0 30px #00b8a180,0 4px 20px -2px #00b8a14d;box-shadow:0 0 30px lab(68.9591% -113.706 -.514603/.5),0 4px 20px -2px lab(68.9591% -113.706 -.514603/.3)}.animated-border-button.glow .button-icon{color:#00a792;color:lab(62.9085% -106.222 -.478363)}@keyframes border-spin{to{--border-angle:1turn}}.animated-border-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.animated-border-button:disabled:hover{box-shadow:none;transform:none}.animated-border-button:disabled:hover:before{opacity:0}.animated-border-button:disabled:hover .button-icon{transform:none}