@property --border-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.animated-border{--border-angle:0deg;background:var(--bolt-grad);transition:background .3s ease-out}.animated-border:hover{animation:spin-border 3.5s linear infinite;background:conic-gradient(from var(--border-angle),var(--color-brand-purple) 0deg,var(--color-brand-pink) 90deg,var(--color-brand-blue) 180deg,var(--color-brand-teal) 270deg,var(--color-brand-purple) 1turn)}@media(prefers-reduced-motion:reduce){.animated-border:hover{animation:none;background:var(--bolt-grad)}}@keyframes spin-border{to{--border-angle:360deg}}