Ok. This looks better.
You image needs to be between the <a><> tags and you need to include the button style attribute data-pin-custom="false" inside the <a> tag
data-pin-custom
If you set this, we won't touch any custom HTML or CSS you add for the button. Using a custom image will override all other button style attributes. Make sure that your custom Save buttons follow our brand guidelines.
See custom buttons for more information about using custom Save buttons. Add this attribute to your call to pinit.js to change all buttons on your page, or add this attribute to a single image to change the button only for that image.
Code:
<a data-pin-do="buttonPin" data-pin-custom="false" data-pin-media="http://endgamesinteractive.com/SJRDev/socialSharing/socialSharing.hyperesources/dwarf-kitten-lil-bub-cat-5_2x.jpg" data-pin-description="blah blah 2" data-pin-url="http://endgamesinteractive.com/SJRDev/socialSharing/socialSharing.hyperesources/dwarf-kitten-lil-bub-cat-5_2x.jpg" href="https://www.pinterest.com/pin/create/button/"><img data-pin-description="blah blah" width="50px" src="http://endgamesinteractive.com/img/menuDev/game1Landing.gif"></a>