span.hit-neon { position: relative; display: inline-block; isolation: isolate; width: auto; max-width: 100%; height: auto; min-height: 0; margin: 0; padding: 0; vertical-align: baseline; color: #fff; -webkit-text-fill-color: #fff; -webkit-text-stroke: 0; text-shadow: none; filter: drop-shadow(0 0 0.015em #ff75d5) drop-shadow(0 0 0.055em #ff009d) drop-shadow(0 0 0.14em #ff009d); }  span.hit-neon::before, span.hit-neon::after { content: attr(data-text); position: absolute; inset: 0; margin: 0; padding: 0; font: inherit; letter-spacing: inherit; word-spacing: inherit; text-transform: inherit; text-align: inherit; white-space: inherit; -webkit-text-stroke: 0; text-shadow: none; pointer-events: none; }  span.hit-neon::before { z-index: -1; color: #fff; -webkit-text-fill-color: #fff; filter: drop-shadow(0 0 0.04em #71eaff) drop-shadow(0 0 0.10em #28cfff); -webkit-mask-image: linear-gradient( 110deg, transparent 35%, #000 47%, #000 53%, transparent 65% ); mask-image: linear-gradient( 110deg, transparent 35%, #000 47%, #000 53%, transparent 65% ); -webkit-mask-size: 300% 100%; mask-size: 300% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; animation: hit-neon-sweep 5s linear infinite; }  span.hit-neon::after { z-index: 1; color: transparent; -webkit-text-fill-color: transparent; background-image: radial-gradient( circle, #fff 0, #fff 0.012em, #b5f5ff 0.025em, transparent 0.075em ), radial-gradient( circle, #fff 0, #ffd0f3 0.018em, transparent 0.055em ); background-size: 0.58em 0.67em, 0.93em 0.81em; background-position: 0 0, 0.25em 0.35em; -webkit-background-clip: text; background-clip: text; filter: drop-shadow(0 0 0.025em #fff); animation: hit-neon-sparkle 4s linear infinite; }  @keyframes hit-neon-sweep { from { -webkit-mask-position: 100% 50%; mask-position: 100% 50%; } to { -webkit-mask-position: 0% 50%; mask-position: 0% 50%; } }  @keyframes hit-neon-sparkle { from { background-position: 0 0, 0.25em 0.35em; } to { background-position: 0.58em 0.67em, -0.68em 1.16em; } }  @media (prefers-reduced-motion: reduce) { span.hit-neon::before, span.hit-neon::after { animation: none; } }  span.hit-neon, .hit-neon-heading { overflow: visible; }  span.hit-neon { box-sizing: content-box; padding: 0.3em 0.45em; margin: -0.3em -0.45em; overflow: visible; }  span.hit-neon::before, span.hit-neon::after { box-sizing: border-box; padding: 0.3em 0.45em; margin: 0; } .hit-neon-heading { overflow: visible; }  span.hit-neon { padding: 0.65em 0.75em; margin: -0.65em -0.75em; overflow: visible; } span.hit-neon::before, span.hit-neon::after { box-sizing: border-box; padding: 0.65em 0.75em; margin: 0; }  span.hit-neon::before { -webkit-mask: none; mask: none; color: transparent; -webkit-text-fill-color: transparent; -webkit-text-stroke: 0; text-shadow: none; background-image: linear-gradient( 110deg, transparent 35%, #71eaff 47%, #ffffff 50%, #71eaff 53%, transparent 65% ); background-size: 300% 100%; background-repeat: no-repeat; -webkit-background-clip: text; background-clip: text; filter: drop-shadow(0 0 0.04em #71eaff) drop-shadow(0 0 0.10em #28cfff); animation: hit-neon-blue-reflex 5s linear infinite; } @keyframes hit-neon-blue-reflex { from { background-position: 100% 50%; } to { background-position: 0% 50%; } } @media (prefers-reduced-motion: reduce) { span.hit-neon::before { animation: none; } }