Custom Social Media Button

I’ve scoured the forums and internet and have failed to find a resolution to my problem. I created a custom social media button for my company’s webpage. It’s simply a link to our amazon account (We have a few books that our president has written over the years). I made the custom button to the same dimension/color/appearance as the button/icons for the other social media accounts. In the header they all show up nicely. On our Meet the Team page where I inserted them in the Person element the amazon button shows up with a fat black border around it.

Here’s some pictures of what I’m looking at.

I have been trying to figure out how to get rid of the border. All border options are set to none or 0.

The other weird issue is when I’m in live edit mode the button does not appear on the page. That I don’t care a whole lot about but the black box has to go. Thank you so much for all your help.Here’s some pictures of what I’m looking at.

The page I need help with: [log in to see the link]