.magic-glow { position: relative; display: inline-block; } .magic-glow::before { content: ""; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 12px; background: radial-gradient(circle, rgba(255,255,255,0.4) 0%, rgba(255,0,150,0.2) 40%, rgba(0,0,0,0) 70%); filter: blur(12px); opacity: 0; animation: magicPulse 6s infinite ease-in-out; pointer-events: none; z-index: -1; } @keyframes magicPulse { 0% { opacity: 0; transform: scale(0.95); } 10% { opacity: 0.6; transform: scale(1.05); } 20% { opacity: 0.3; transform: scale(1.1); } 30% { opacity: 0; transform: scale(0.9); } 100% { opacity: 0; transform: scale(0.95); } }