Use CSS to hide Not yet awarded Badges

Have you tried deselecting this part in the widget settings first?

I suppose to answer your direct question…

You could give this a shot and remember to test things out.

I guess I would opt for the switch on each individual widget myself.

/** Remove the "Not Yet Awarded" section of the Gamification Widget **/
gamification-widget.ng-star-inserted div.informational-content.ng-star-inserted div.content-box.ng-star-inserted {
    display: none;
}