.badge-container:hover { transform: scale(1.05); filter: drop-shadow(0 0 20px rgba(255, 215, 0, 0.5)); }
<!-- Helm handles --> <g fill="url(#goldGradient)"> <circle cx="100" cy="25" r="5"/> <circle cx="100" cy="175" r="5"/> <circle cx="25" cy="100" r="5"/> <circle cx="175" cy="100" r="5"/> <circle cx="47" cy="47" r="4"/> <circle cx="153" cy="153" r="4"/> <circle cx="47" cy="153" r="4"/> <circle cx="153" cy="47" r="4"/> </g> kubestronaut golden
/* Rotating ring animation */ @keyframes rotateRing { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .badge-container:hover { transform: scale(1.05)