diff --git a/src/lib/components/billing/planComparisonBox.svelte b/src/lib/components/billing/planComparisonBox.svelte index e9bb289ca..5e8e30185 100644 --- a/src/lib/components/billing/planComparisonBox.svelte +++ b/src/lib/components/billing/planComparisonBox.svelte @@ -109,9 +109,8 @@

Everything in the Pro plan, plus:

@@ -137,43 +136,8 @@ border: 1px solid hsl(var(--color-neutral-85)); } - .future-badge { - --base-0: 0px; - --base-2: 2px; - --base-4: 4px; - --base-6: 6px; - --neutral-700: #56565c; - --neutral-900: #19191c; - --color-bgcolor-neutral-invert: var(--neutral-900); - --color-fgcolor-neutral-secondary: var(--neutral-700); - --color-overlay-on-neutral: #0000000f; - --p-badge-padding-block: var(--base-2); - --p-badge-padding-inline: var(--base-6); - - display: inline-flex; - padding-block: var(--p-badge-padding-block); - padding-inline: var(--p-badge-padding-inline); - justify-content: center; - align-items: center; - border-radius: var(--base-6); - - color: var(--p-badge-color); - background-color: var(--p-badge-background-color); - - font-style: normal; - font-weight: 500; + .inline-tag { line-height: 140%; - &.small { - --p-badge-padding-block: var(--base-0); - --p-badge-padding-inline: var(--base-4); - } - &.primary { - --p-badge-color: var(--color-fgcolor-on-invert); - --p-badge-background-color: var(--color-bgcolor-neutral-invert); - } - &.secondary { - --p-badge-color: var(--color-fgcolor-neutral-secondary); - --p-badge-background-color: var(--color-overlay-on-neutral); - } + font-weight: 500; }