.moving-border-animation>button{background:#8b5cf6!important}@property --angle{syntax:"<angle>";initial-value:90deg;inherits:true}@property --gradX{syntax:"<percentage>";initial-value:50%;inherits:true}@property --gradY{syntax:"<percentage>";initial-value:0%;inherits:true}:root{--animation-duration:2500ms;--angle:90deg;--gradX:100%;--gradY:50%;--border-color-1:#06b6d4;--border-color-2:rgba(6,182,212,0.1);--border-width:2px}.moving-border-animation{position:relative;border-radius:9999px;padding:var(--border-width);background:conic-gradient(from var(--angle),var(--border-color-2),var(--border-color-1) 36deg,var(--border-color-1) 54deg,var(--border-color-2) 90deg);animation:borderRotate var(--animation-duration) linear infinite forwards}.moving-border-animation>button{background:var(--primary,#3b82f6)!important;border:none;border-radius:9999px;position:relative;z-index:1;width:100%;height:100%}@keyframes borderRotate{to{--angle:420deg}}@keyframes borderRadial{20%{--gradX:100%;--gradY:50%}40%{--gradX:100%;--gradY:100%}60%{--gradX:50%;--gradY:100%}80%{--gradX:0%;--gradY:50%}to{--gradX:50%;--gradY:0%}}.moving-border-animation:hover{--animation-duration:1500ms}@media (prefers-color-scheme:dark){:root{--border-color-1:rgba(6,182,212,0.9);--border-color-2:rgba(6,182,212,0.05)}}.moving-border-animation.variant-purple{--border-color-1:rgba(168,85,247,1);--border-color-2:rgba(168,85,247,0.1)}.moving-border-animation.variant-green{--border-color-1:rgba(34,197,94,1);--border-color-2:rgba(34,197,94,0.1)}.moving-border-animation.variant-orange{--border-color-1:rgba(249,115,22,1);--border-color-2:rgba(249,115,22,0.1)}