.fancy-button{background:linear-gradient(var(--bg-angle),var(--bg-color-start),var(--bg-color-end)) padding-box,linear-gradient(var(--angle),var(--border-color-start),var(--border-color-end)) border-box}.fancy-button:hover{background:linear-gradient(var(--angle),color-mix(in srgb,var(--bg-color-start) 60%,#ffffff 10%),color-mix(in srgb,var(--bg-color-end) 60%,#ffffff 10%)) padding-box,linear-gradient(var(--angle),var(--border-color-start),var(--border-color-end)) border-box}.fancy-button:active{background:linear-gradient(var(--angle),color-mix(in srgb,var(--bg-color-start) 60%,#000000 10%),color-mix(in srgb,var(--bg-color-end) 60%,#000000 10%)) padding-box,linear-gradient(var(--angle),var(--border-color-start),var(--border-color-end)) border-box}@keyframes rotate{to{--angle:360deg}}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}