How do I reduce the padding of the footer widgets

1-try this-change 6% to something else
#footer-widgets {
padding-top: 6%;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
also, you might need to alter some media queries too for various size devices

2-for guidance specific to DIVI theme visit:
https://www.elegantthemes.com/gallery/divi/

Thanks. That worked for the top padding but is there any way to reduce the bottom padding as well?

1-There is 0px padding on bottom of footer-widgets.
2-try changing margin-bottom for this: .et_pb_gutters3 .footer-widget{}
might also need to alter media queries
3-for more appropriate guidance specific to DIVI theme visit:
https://www.elegantthemes.com/gallery/divi/

The code that you posted in step 2 does not seem to work. Just to clarify I am trying to reduce the gap between the top of the bottom bar (the one with the facebook, twitter, linkedin, instagram logo) and the bottom of the widgets in the footer

Hi @lstewart92 ,

I think @contentiskey is correct (step 2). Specifically, I think the CSS below is your culprit. See my comments embedded in the code below.

.et_pb_gutters3 .footer-widget {
  margin-bottom: 5.5%; /* Try changing this to 1% or 0. Use !important if needed. */
}

Thanks a lot for the help. It now works.