.animated-card{--border:color-mix(in hsl,canvas,canvasText 15%);--base:hsla(283,78%,38%,0.9);border:1.5px solid #0000;outline:none;position:relative;border-radius:20px;animation-composition:add;animation:card-background-move 48s linear infinite;background:linear-gradient(#0000 0 0) padding-box,linear-gradient(0deg,#0000 0,var(--border) 400px) border-box,linear-gradient(in lch longer hue 90deg,var(--base) 0 0) border-box 0 0 /400% 100%;&:before{--blur:20;content:"";position:absolute;filter:blur(calc(var(--blur) * 1px)) brightness(1);inset:0;border-radius:16px;transform-origin:center;opacity:1;transform:scale(.88) translateZ(0);transition:transform 1s ease;will-change:transform;background:linear-gradient(#0000 0 0),linear-gradient(#0000 0 0),linear-gradient(in lch longer hue 90deg,var(--base) 0 0) border-box 0 0 /400% 100%}@media (min-width:768px){&:before{--blur:70}}}@keyframes card-background-move{to{background-position:0 0,0 0,400% 0}}