Card Product em HTML e CSS

Ficou ótimo cara, acho que você só esqueceu do icone de carrinho de compras do lado do texto do botão mas fora isso ficou ótimo. Uma dúvida, o preço maior verde e o menor em cinza você deixou eles lado a lado nivelado como? usou um display flex nos dois e depois um align-items: center? Parabéns, continue assim.

Você pode usar o pseudo elemento ::before pra acrescentar o svg com a imagem do carrinho antes do botao "Add to Cart":

botaoaddtocart::before {
content: ""; /*essa propriedade é usada com os pseudoelementos ::before e ::after para gerar conteúdo em um elemento*/
background-image: url("../images/icon-cart.svg");
width: 15px; /*defina o tamanho do ícone*/
height: 15px; 
/*depois que a imagem aparecer é só usar outras declarações de formatação que você preferir para posicioná-la melhor.*/