Contact form7のカスタマイズについて

初めまして。
自分なりに頑張ってWordpressでHP/LPをカスタムしている
初心者です。

WordpressのContact Form7のアレンジについて質問です。

お問い合わせの各項目の前に、
赤枠＋白字で『必須』マークを付けたいのですが、
何度やってもうまく出来ません。
いろんな方のブログ記事を参考に、
その通りにコピペしてやってみましたが、うまくいきません。

タグ？を貼り付ければ良いだけの状態に直していただけますか。
どこに何を貼り付ければよいかなど、手順もご教示ください。
どうぞ宜しくお願いいたします。

【現状】

<label>氏名
 [text* your-name autocomplete:name]</label>

※Contact Form7の『テキスト内』に記載中

　　　　　　↓

【ブログ記事を参考に以下に変更】

<label><span class="required">必須</span>氏名
[text* your-name autocomplete:name] </label>

　　　　　　↓

【追加CSS】に追加した内容

.required::before {
content: "必須";
color: #ffffff;
background: #cc0000;
font-size: 0.8em;
padding: 0.3em;
border-radius: 0.5em;
margin-left:0.3em;
}

【追加CSSの場所】

外観→カスタマイズ→追加CSSの一番最後


参考ブログに記載通りにコピペをして
参考ブログに記載通りの場所にCSSを追加しましたが
何度やっても反映されません。

正しいタグ情報＆正しい手順をご教示ください。
どうぞ宜しくお願いいたします。