Eu tenho uma div que faz parte de um link que estão dentro de outra div, eu queria que se ele passasse o cursor em qualquer parte da div o houver se aplicasse tanto no texto do link quanto na div de dentro.
O hover está funcionando só que separado e não consigo de jeito nem um fazer os dois funcionar juntos.
Alguém tem uma ideia de como faço isso?
.pokeBolaIn{
background:grey;
color:black;
border-radius:100px;
height:20x;
width:20px;
text-align: center;
float: left;
}
.pokeBolaOut{
position:absolute;
}
.pokeBolaOut a{
color: black;
text-decoration: none;
}
.pokeBolaOut a:hover{
color: red;
}
.pokeBolaOut a .pokeBolaIn:hover{
background:red;
color:white;
}
<div class="pokeBolaOut">
<a href="#"><div class="pokeBolaIn">+</div>Confira nosso portifólio</a>
</div>