How do I reduce the padding within a social links block (v7.0)

55 minutes ago, Steve_BigBio said:

Site URL: https://www.bigbiology.org/episodexxabout

I want to put text close to my social links to ask visitors to follow or subscribe to our various social platforms. I also want this block to be aligned along the right hand side of the page. Unfortunately, when I right align the social links there is a large white area within the block that separates it from the text. I could left align the social links so they are closer to the text, but the white spacing is still there on the other side. 

The following image better illustrates what I am trying to remove. I'd like to decrease this white space within the Social Links block. (here is a link to see the issue on the webpage (https://www.bigbiology.org/episodexxabout)

 

Try adding to Home > Design > Custom Css

#collection-61b2530b7562220092b7b01f  .Main-content .sqs-layout > .row > .span-7 > .row{
  display: flex;
}

#collection-61b2530b7562220092b7b01f  .Main-content .sqs-layout > .row > .span-7 > .row > .span-4 {
  flex: 70%;
}

#collection-61b2530b7562220092b7b01f  .Main-content .sqs-layout > .row > .span-7 > .row > .span-3 {
  flex: 30%;
}

#block-yui_3_17_2_1_1639403585094_17300 {
  padding-right: 0;
}

#block-yui_3_17_2_1_1639076635312_5976 {
  padding: 0 !important;
}
#collection-61b2530b7562220092b7b01f  .sqs-svg-icon--list {
  display: flex;
  justify-content: space-evenly;
}

#collection-61b2530b7562220092b7b01f  .sqs-svg-icon--list a {
  margin-left: 0 !important;
}

Let me know how it works on your site

Hope it makes sense