Siteorigins buttons too close together

Hello,

I tried finding and answer online before posting but the issue has not been resolved for any of the other people that have requested help. This is my first site and I’ve been working on it for a couple months and recently found out about the HERO widget although the widget was installed the entire time.

I am trying to add three buttons to my website but no matter what I do they is a space between them. I have tried the following:

Siteorigins Hero
three buttons side by side
Result. Atom Black [space] Wire White [space] Atom Black

Siteorigins buttons
Result. Atom Black [space] Wire White [space] Atom Black
I tried to Edit row and add a 0 gutter but it didnt work
Making the middle button as center and the buttons on the sides as Left and Right justified but the space remained.

Can you think of another way to do this? If changing inline-block to block is the only solution please tell me where to find the file.

Website – www.warriorpacks.ca
Page is – New Home
Password – 1234
Its about 1/2 way down and the buttons say Group Fitness, XOD, Nutrition.
Thanks so much!
A