.card{justify-content:center;align-items:center;display:flex;overflow:hidden}.box{z-index:10;border-radius:4px;width:100%;height:100%;position:relative;overflow:hidden}.box:before{content:"";z-index:1;transform-origin:100% 100%;background:linear-gradient(#fab316,#fab316,#fab316,#0000,#0000);width:100%;height:100%;animation:6s linear infinite cardAnimate;position:absolute;top:-50%;left:-50%}.box:after{content:"";z-index:1;transform-origin:100% 100%;background:linear-gradient(#fab316,#fab316,#fab316,#0000,#0000);width:100%;height:100%;animation:6s linear -3s infinite cardAnimate;position:absolute;top:-50%;left:-50%}.cardContent{z-index:2;border-radius:8px;position:absolute;inset:4px}@keyframes cardAnimate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.borderLine{position:absolute;inset:0}.borderLine:before{content:"";z-index:1;transform-origin:100% 100%;background:linear-gradient(#fff,#fff,#fff,#0000,#0000);width:100%;height:100%;animation:6s linear -1.5s infinite cardAnimate;position:absolute;top:-50%;left:-50%}.borderLine:after{content:"";z-index:1;transform-origin:100% 100%;background:linear-gradient(#fff,#fff,#fff,#0000,#0000);width:100%;height:100%;animation:6s linear -4.5s infinite cardAnimate;position:absolute;top:-50%;left:-50%}