@property --angle{syntax:"<angle>";initial-value:90deg;inherits:true}@property --gradX{syntax:"<percentage>";initial-value:50%;inherits:true}.anim-outline-btn{position:relative;border-radius:8px;padding:.8rem 1rem;background:transparent;z-index:1;overflow:hidden}.anim-outline-btn.dark:before{background:conic-gradient(from var(--angle),var(--c2),var(--c1) 36deg,var(--c1) 54deg,var(--c2) 90deg)}.anim-outline-btn.dark:before,.anim-outline-btn.light:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:destination-out;z-index:-1;animation:borderRotate var(--d) linear infinite}.anim-outline-btn.light:before{background:conic-gradient(from var(--angle),var(--c3),var(--c1) 36deg,var(--c1) 54deg,var(--c3) 90deg)}@keyframes borderRotate{to{--angle:420deg}}