@property --angle{syntax:"<angle>";initial-value:0deg;inherits:true}@keyframes borderRotate{to{--angle:360deg}}.button-wrapper{position:relative;display:inline-block}.animated-border{position:absolute;inset:-1px;border-radius:9999px;padding:2px;background:conic-gradient(from var(--angle),#fff 0,#fff 5%,#5911a0 5%,#5911a0 90%,#fff 95%,#fff 100%);animation:borderRotate 10s linear infinite;z-index:-1}.animated-button{position:relative;z-index:1;color:#fff;padding:6px 24px;font-size:1rem;font-weight:600;border-radius:9999px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;outline:none}