diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/badge.scss b/services/web/frontend/stylesheets/bootstrap-5/components/badge.scss index 53ebcee27b..0c1178dd50 100644 --- a/services/web/frontend/stylesheets/bootstrap-5/components/badge.scss +++ b/services/web/frontend/stylesheets/bootstrap-5/components/badge.scss @@ -85,3 +85,11 @@ $max-width: 160px; height: var(--spacing-04); border-radius: 50%; } + +.badge-premium { + background-color: var(--neutral-20); + color: var(--neutral-90); + vertical-align: middle; + margin-left: 5px; + font-weight: var(--badge-font-weight); +} diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/website-redesign.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/website-redesign.scss index 813c5410a6..e4d1d21ea9 100644 --- a/services/web/frontend/stylesheets/bootstrap-5/pages/website-redesign.scss +++ b/services/web/frontend/stylesheets/bootstrap-5/pages/website-redesign.scss @@ -40,4 +40,8 @@ --bs-card-spacer-y: var(--spacing-08); --bs-card-spacer-x: var(--spacing-08); } + + .badge-premium { + --badge-font-weight: 600; + } }