fix: use before to avoid conflict with primary basic animation effect

[foryuki]

[中文版模板 / Chinese template]

🤔 This is a ...

• New feature
• Bug fix
• Site / documentation update
• Demo update
• Component style update
• TypeScript definition update
• Bundle size optimization
• Performance optimization
• Enhancement feature
• Internationalization
• Refactoring
• Code style optimization
• Test Case
• Branch merge
• Other (about what?)

🔗 Related issue link

💡 Background and solution

Before

Screen.Recording.2022-12-04.at.16.29.54.mov

After

Screen.Recording.2022-12-04.at.16.28.23.mov

📝 Changelog

Language	Changelog
🇺🇸 English	use :before to avoid conflict with primary basic animation effect
🇨🇳 Chinese	使用 :before 避免与 primary button 点击动画样式冲突

☑️ Self-Check before Merge

⚠️ Please check all items below before requesting a reviewing. ⚠️

• Doc is updated/provided or not needed
• Demo is updated/provided or not needed
• TypeScript definition is updated/provided or not needed
• Changelog is provided or not needed

[github-actions]

[codecov]

Codecov Report

Base: 100.00% // Head: 100.00% // No change to project coverage 👍

Coverage data is based on head (545dcb1) compared to base (fbab5df).
Patch has no changes to coverable lines.

Additional details and impacted files

@@            Coverage Diff            @@
##            master    #39241   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files          546       546           
  Lines         9364      9364           
  Branches      2653      2653           
=========================================
  Hits          9364      9364           

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

☔ View full report at Codecov.
📢 Do you have feedback about the report comment? Let us know in this issue.