Notification pill variant needs 16px spacing below it

[rgclayton]

Adding a 16px spacing between the pill notification and the bottom of the browser to get it the appearance of "floating.

Note: The ribbon notification variant does not get this spacing.

Resolves: MWPW-163581

Test URLs:

• Before: https://main--milo--adobecom.hlx.page/drafts/rclayton/notification-banner?martech=off
• After:https://pill-notification-padding--milo--adobecom.hlx.page/drafts/rclayton/notification-banner?martech=off

[aem-code-sync]

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

• Re-run PSI checks
• Re-sync branch

Commits

• 2077644 ✅ (latest)

[aem-code-sync]

	Page	Scores	Audits	Google
📱	/drafts/rclayton/notification-banner?martech=off
🖥️	/drafts/rclayton/notification-banner?martech=off

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 96.46%. Comparing base (a2443c0) to head (2077644).
Report is 20 commits behind head on stage.

Additional details and impacted files

@@            Coverage Diff             @@
##            stage    #3445      +/-   ##
==========================================
- Coverage   96.47%   96.46%   -0.01%     
==========================================
  Files         255      255              
  Lines       59253    59420     +167     
==========================================
+ Hits        57163    57319     +156     
- Misses       2090     2101      +11     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[github-actions]

Reminder to set the Ready for Stage label - to queue this to get merged to stage & production.

[spadmasa]

Verified in the url
https://pill-notification-padding--milo--adobecom.hlx.page/drafts/rclayton/notification-banner?martech=off