ativar um componemte clicando em outro

bom dia,

gostaria de uma ajuda com a seguinte duvida, preciso que quando eu entrar com o mouse em um campo, ative o outro.

exemplo: gostaria de quando meu mouse entrasse na minha div(id="anime"), ativasse meu button (id="recebeAnima").

	<div class="col-xs-12 col-md-3" id="anima">

	                    <div class="card border-0 sombra-h almentar">

	                        <img class="card-img-top img-fluid" src="img/cidade4.jpg" alt="Card image cap">

	                        <div class="card-body">

	                            <h5 class="card-title"><strong>Los Angeles</strong></h5>

	                            <p class="card-text">sexta-feira 30 junho, 2018</p>

	                            <button class="btn btn-primary" id="recebeAnima"><i class="fas fa-shopping-cart"></i> comprar</button>

	                        </div>

	                    </div>

	                </div>

	 

	css: efeito que gostaria que ativasse quando o mouse entrasse na minha div(id="anime").

	.hvr-grow {

	  display: inline-block;

	  vertical-align: middle;

	  -webkit-transform: perspective(1px) translateZ(0);

	  transform: perspective(1px) translateZ(0);

	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

	  -webkit-transition-duration: 0.3s;

	  transition-duration: 0.3s;

	  -webkit-transition-property: transform;

	  transition-property: transform;

	}

	.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {

	  -webkit-transform: scale(1.3);

	  transform: scale(1.3);

	}