.menu__social__lista {
  width: 75%;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  margin: 1em;
}

.menu__social {
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: #051D3B;
  height: 40px;
  width: 58px;
  border-radius: 16px;
  padding: 8px;
}

.comentario {
  background: url(/assets/img/comment.svg) no-repeat center;
  height: 20px;
  width: 20px;
}

.gostei {
  background: url(/assets/img/hearth.svg) no-repeat center;
  height: 20px;
  width: 20px;
}

.gostei--ativo {
  background: url(/assets/img/hearth_ativo.svg) no-repeat center;
  height: 20px;
  width: 20px;
}

.social__mais {
  width: 150px;
}

.menu__social__lista__simplficado {
  flex-direction: row;
}

.menu__social--suspenso {
  align-self: flex-end;
  justify-content: space-around;
  align-items: center;
  position: absolute;
  background: #1b304c;
  display: flex;
  width: 100%;
  height: 0px;
  bottom: 0;
  border-radius: 0 0 8px 8px;
  opacity: 0;
  transition: all 1s, opacity 1s ease-in-out;
  padding: 1em;
}

.infos__projetos__comunidade:hover .menu__social--suspenso {
  height: 100px;
  bottom: -60px;
  opacity: 1;
  transform: translateY(2em)
}

.infos__projetos__comunidade:hover #input__comentario {
  height: 56px;
  opacity: 1;
  display: flex;
}

.infos__projetos__comunidade:hover .perfil__comentario {
  height: 50px;
  opacity: 1;
  display: flex;
}

#input__comentario {
  overflow: hidden;
  width: 85%;
  opacity: 0;
  height: 0;
  resize: none;
}

.perfil__comentario {
  width: 50px;
  opacity: 0;
  height: 0;
  background: url(/assets/img/foto-perfil.svg);
}