JSFiddle - React, Tailwind, and code Playground

HTML

<a align="center" href="#"><span>kannada</span></a>

CSS

span {
    font-size:24px;
}
a {
    color:green;
}
a:hover span {
    display:none;
}
a:hover:before {
    color:red;
    font-size:24px;
    content:"   ಕನ್ನಡ   ";
    text-decoration: underline;
}