JSFiddle - React, Tailwind, and code Playground

HTML

<span class="tekst">Test</span>

CSS

body {text-align:center;font-family:Arial,sans-serif;}
span {border:1px dotted gray;display:table-cell;height:190px;width:190px;vertical-align:middle;}

.tekst {
    font-size:2em;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.tekst:hover {font-size:3em;}