JSFiddle - React, Tailwind, and code Playground

HTML

<div class="fondo">
  <button class="boton">MOSTRAR</button>
</div>

CSS

.fondo{
  background-color:#e006ca ;
  width:150px;
  height:50px;
  padding-left:50px;
}
.boton{
  border:none;
  background-color: #0475e5 !important;
  color:#ffffff !important;
  margin-top:15px;
}

JavaScript

$(".boton").on('mouseover', function(){
	var color = $(this).parent('div').css('background-color');
	$(this).removeClass("boton");
  $(this).css('margin-top','15px');
  $(this).css('color',color);
  $(this).css('background-color','#ffffff');
})

$(".boton").on('mouseleave', function(){
  $(this).addClass("boton");
})