.gold-badge{margin:0 auto;width:fit-content;background:#1c1f2b;text-align:center;border-radius:.4rem;position:relative;padding:.188rem .625rem}.gold-badge:after,.gold-badge:before{content:"";position:absolute;height:100%;width:100%;background-image:conic-gradient(from var(--angle),#ffd500,transparent,#ffd500);top:50%;left:50%;translate:-50% -50%;z-index:-1;padding:.15rem;border-radius:.5rem;animation:spin 3s linear infinite;box-sizing:content-box}.gold-badge:before{filter:blur(1.5rem);opacity:1}.platinum-badge{margin:0 auto;width:fit-content;background:#1c1f2b;text-align:center;border-radius:.4rem;position:relative;padding:.188rem .625rem}.platinum-badge:after,.platinum-badge:before{content:"";position:absolute;height:100%;width:100%;background-image:conic-gradient(from var(--angle),#ff4545,#00ff99,#006aff,#ff0095,#ff4545);top:50%;left:50%;translate:-50% -50%;z-index:-1;padding:.15rem;border-radius:.5rem;animation:spin 3s linear infinite;box-sizing:content-box}.platinum-badge:before{filter:blur(1.5rem);opacity:1}.silver-badge{margin:0 auto;width:fit-content;background:#1c1f2b;text-align:center;border-radius:.4rem;position:relative;padding:.188rem .625rem}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.silver-badge:after,.silver-badge:before{content:"";position:absolute;height:100%;width:100%;background-image:conic-gradient(from var(--angle),#515671,transparent,#515671);top:50%;left:50%;translate:-50% -50%;z-index:-1;padding:.15rem;border-radius:.5rem;animation:spin 3s linear infinite;box-sizing:content-box}.silver-badge:before{filter:blur(1.5rem);opacity:1}@keyframes spin{0%{--angle:0deg}to{--angle:360deg}}