@property --spin-duration{syntax:"<time>";initial-value:3s;inherits:false}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.button-highlighted:after,.button-highlighted:before{animation:spin var(--spin-duration) linear infinite;background-image:conic-gradient(from var(--angle),rgb(var(--color-primary-300)),rgb(var(--color-primary-500)));border-radius:20px;content:"";height:calc(100% + 5px);left:50%;padding:3px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% + 5px);z-index:-1}.button-highlighted:hover:after,.button-highlighted:hover:before{animation-play-state:paused}.button-highlighted:before{filter:blur(2px)}@keyframes spin{0%{--angle:0deg}35%{--angle:180deg}70%{--angle:300deg}to{--angle:360deg}}