Editing space around Social Icons

I've added social icons to the footer of this site using the button option for Upfront. I would like to have them closer together. I deleted the padding in code except some at top, but they still are spreading apart. I tried editing the container and wrapper in CSS. Nothing changes. There is only one element available to select when you edit the preset CSS. I don't want to play hunt and peck with this. What am I missing to move these buttons closer together? I've granted access to support to help with this. Thank you.