Smaller for mobile phones

I have made for Samsung Galaxy J5 level mobile phones layout.

I would like to define Social Warfare a little bit smaller and with smaller top and bottom margins.
I try with this CSS (#text-3 is the id of the widget container):

#text-3 .swp_share_button {
height: 40px !important;Margin-bottom:-8px!important}
#text-3 .swp_share_link {
padding: 5px!important;
height: 40px !important;box-sizing:border-box;
}

#text-3 .iconFiller {
margin-bottom: 10px !important;
}
#text-3 .swp_share_button {
height: 42px !important;
}

It didn’t work. What I should redefine in order to get the button size as 32px with just 2px top and bottom margins? Bottom right buttons would need some additional space.

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