htmlリンクの上付き文字を点滅させるにはどうすればいいですか？

Question

highlight html linkには、superscriptの文字「新しい」と円または星の記号が付いています（上付きの「新しい」テキスト）。 userがそれに気づくように、それがnewリンクであることをユーザーに示すために点滅したいと思います。

HTML：

<li><a href="/refer"><i class="fa fa-user-plus"></i>&nbsp;Referrals&nbsp;<sup><span style="border-radius:30%; border:solid black 1px;padding:5px">New</span> 
</sup></a></li> 

Answer 1

が点滅

.blink_me { 
    animation: blinker 1s linear infinite; 
} 

@keyframes blinker { 
    50% { opacity: 0; } 
} 

ために、このCSSを使用したいスタイルの種類どのにそれを修正します。