@property --angle{syntax:"<angle>";inherits:true;initial-value:90deg}@property --gradX{syntax:"<percentage>";inherits:true;initial-value:50%}.anim-outline-btn{z-index:2;background:0 0;border-radius:8px;padding:.8rem 1rem;position:relative;overflow:hidden}.anim-outline-btn.dark:before{content:"";border-radius:inherit;background:conic-gradient(from var(--angle),var(--c2),var(--c1).1turn,var(--c1).15turn,var(--c2).25turn);-webkit-mask-composite:destination-out;z-index:-1;animation:borderRotate var(--d)linear infinite;padding:1.5px;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}.anim-outline-btn.light:before{content:"";border-radius:inherit;background:conic-gradient(from var(--angle),var(--c3),var(--c1).1turn,var(--c1).15turn,var(--c3).25turn);-webkit-mask-composite:destination-out;z-index:-1;animation:borderRotate var(--d)linear infinite;padding:1.5px;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}@keyframes borderRotate{to{--angle:420deg}}