Bom dia, pessoal. Estou com o seguinte código HTML:
<li>
<a href="../navbar/" class="navbar-top user-color">
<span class="glyphicon glyphicon-user gly-user" aria-hidden="true"></span> ENTRAR</a>
</li>
E o seguinte código CSS:
.gly-user {
border: 2px solid rgb(35, 220, 97);
padding: 0.6em;
border-radius: 25px;
margin-right: 8px;
color: #23DC61;
}
Como eu faço, para que ao passar o mouse em cima do "link" entrar, tanto a cor do ícone como sua borda fique verde e ao mesmo tempo a palavra entrar também fique verde. Além disso, como fazer para ao retirar o mouse, os dois voltem para o "estado normal" (inicial), o ícone com a cor e a borda branca e o texto com a cor branca?
Obrigado!