Script
<style>
.botao-rastreio {background-color: #fff; color: black; padding: 7px 20px 5px 20px; border-radius: 15px; text-decoration: none; margin-right: 10px; margin-left: 20px; border: 1px solid black; transition: padding 0.2s, box-shadow 0.2s; /* Adiciona uma transição suave para a mudança de padding e box-shadow */}
.fa-truck {margin-right: 5px;}
.botao-rastreio:hover {background-color: #ECECEC; padding: 8px 21px 8px 21px; box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.2);}
@media screen and (max-width: 991px) {.botao-rastreio {display: none;}}
</style>
<a href="URL-RASTREIO" class="botao-rastreio"><i class="fas fa-truck"> </i>Rastrear Pedido</a>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" integrity="sha256-h20CPZ0QyXlBuAw7A+KluUYx/3pK+c7lYEpqLTlxjYQ=" crossorigin="anonymous" />
Esse tutorial foi util?