Subtle Add to Cart Button

Looking to avoid having a page full of buttons, came up with this simple hover action to reduce the size and prominence, and visual weight of a solid button while still maintaining the functionality (and text) of the add to cart button. Worked well on accessories, as customers were more likely to add to cart without seeing a product page/more info when compared to devices/packages.

Originally for a project for Garmin working on their new Action Camera VIRB. Here's the live version.

Check out the code on codepen