Estoy creando un sitio y tengo algunos problemas con un botón, está dentro de un enlace div, pero cuando hago clic en el botón, me lleva al enlace del botón, me lleva al enlace div.

 import { Link } from "react-router-dom"; <Link to={'/seminovos/'+ carItem.name}> <div className="carItem"> <div className="carBackground"> <img src={image} alt=''/> </div> <h1 className="carName"> {name} </h1> <p> {year} - {km}</p> <p className="carPrice"> ${price} </p> <a className="consultarA" href="https://web.whatsapp.com/send?phone=**********" target="_blank"> <button className="contato"> Conversar com Vendedor </button> </a></div> </Link>

¿Cómo puedo hacer que este botón funcione?