Support Name with the animation

[binkaddas1@]

Good Morning,
can i have this add-on or the code for the name animation like below

 

[Debbie]

.username--style16:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f4ba";
    padding-right: 1px;
    display: inline-block;
}
.username--style16:hover:before{
display:inline-block;
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transition:all 0.8s;
-webkit-transition:all 0.8s;
-moz-transition:all 0.8s;
-ms-transition:all 0.8s;
-o-transition:all 0.8s
}

 

[binkaddas1@]

in which template
i try in extra.less but nothing change and in user group

 

[Seeker]

in which template
i try in extra.less but nothing change and in user group

You must change the user group ID

.username--style16:before {

 

[binkaddas1@]

Thank you Sir, and sorry to aske you again
really i try to change it but i don't know, if i need to change admin gorup
what shoud change in the below
.username--style16:before {