Eu estava fazendo este exercicio sem olhar a solucao do instrutor e cheguei a uma solucao parecida:
.icones-redes-sociais a:hover::before,
.icones-redes-sociais a:focus::before {
content: '';
text-indent: 0;
position: absolute;
bottom: -25%;
left: 25%;
width: 1rem;
height: 1rem;
background-color: black;
transform: rotate(45deg);
}Eu nao cheguei a utilizar o translateY(.5em) utilizado pelo instrutor e me veio a duvida: quando eu devo utilizar o translate e quando devo utilizar posicionamento (top, bottom, left e right)?
Obs.: eu utilizei left: 25% ao contrario da solucao que foi left: 0 por puro perfeccionismo para deixar centralizado ao icone a seta.
