Improve UI & Optimize Padding for Connect-Socials Component

[Piyusss]

What's The Issue Here:

If a user try to connect his/her socials, they do it on the following page:

As clearly visible, the container for all 4-socials is looking bulky while carrying the small icons inside it.
Possible Improvements for this:

1. Increase the Size of Icons and its text to some extent.
2. Optimize the Padding between div of all 4 icons.
3. Add some effect to make it look modern.
4. Change background color to match with the icons colors.
5. Reduce the overall size of the box to make it look compact yet powerful.
6. Change Font of text (currently it looks spiky).

Any other possible improvements are welcome.. !!