Clicar em botão comprar e direcionar para item certo

Estou desenvolvendo uma loja virtual como forma de aprender PHP. Até o momento estou conseguindo fazer cadastros, alterações e listagem de itens cadastrados no banco de dados.

Na página principal possuo alguns itens listados da seguinte maneira:

Com o seguinte código na DIV principal:

<?php

 $result_produtos = "SELECT * FROM cadastraproduto WHERE nome_produto LIKE '%harry%' or nome_produto LIKE '%sutil%' or nome_produto LIKE '%mil%'" ;

 $resultado_produtos = mysqli_query($conexao, $result_produtos);

 while ($row_produto = mysqli_fetch_assoc($resultado_produtos)) {

 ?>

 <div class="card-produto">

 <div class="card-img" >
 <img class="img-responsive card-img-estilo" src="data:image/jpeg;base64, <?php echo base64_encode($row_produto['img_produto']) ?>" />
 </div>

 <div class="card-fav">
 <a title="Adicionar a lista de desejos" class="fav-link" href="#"><i class="fas fa-heart fa-lg"></i></a>
 </div>

 <HR>
 <div class="card-nome">
 <?php echo $row_produto['nome_produto']. "<br>"; ?>
 </div>

 <div class="card-autor">
 Escrito por: <?php echo $row_produto['autor_livro']. "<br>"; ?>
 </div>

 <div class="card-preço-vista">
 <span>R$ </span><?php echo $row_produto['valor_vista']. "<br>"; ?>
 </div>

 <!-- <div class="card-preço-prazo">
 <span>R$ </span><?php echo $row_produto['valor_prazo']. "<br>"; ?>
 </div> -->

 <div class="card-info">
 <span>Vendido e entregue por Book Store</span>
 </div>

 <div class="card-button">
 <button type="button" class="btn-ghcm ghcm-btn-dark-green">COMPRAR</button>
 </div>

 </div>
 <?php } ?>
 </div>

	 

	Estou a procura de aprender como criar a página do produto, ou seja, quando a pessoa clicar no botão comprar, seja direcionada para o produto correto. Fiz algumas pesquisas mas ainda não acertei no que procurar.