Product Preview Card Component Solution using CSS Grid and Flexbox

Feel free to check my code and give any helpful feedback that could improve it's current state. Also, I don't know what is the right way to darken the background color of the button when hovered. I used two different color variables for those and not sure if it is the most efficient way. Would be glad to hear your feedback guys, thank you!