diff --git a/upsell.html b/upsell.html index ee38029..a067fd8 100644 --- a/upsell.html +++ b/upsell.html @@ -47,6 +47,7 @@ flex-direction: column; align-items: center; text-align: center; + position: relative; transition: box-shadow 0.2s, border-color 0.2s, @@ -59,10 +60,26 @@ } .plan-card.current { - border-color: #875a7b; + border-color: #4caf50; box-shadow: - 0 0 0 3px rgba(135, 90, 123, 0.18), - 0 4px 16px rgba(135, 90, 123, 0.12); + 0 0 0 3px rgba(76, 175, 80, 0.2), + 0 4px 16px rgba(76, 175, 80, 0.15); + } + + .plan-badge { + position: absolute; + top: -13px; + left: 50%; + transform: translateX(-50%); + background: #4caf50; + color: #fff; + font-size: 0.68em; + font-weight: 700; + padding: 3px 11px; + border-radius: 20px; + white-space: nowrap; + box-shadow: 0 2px 6px rgba(76, 175, 80, 0.35); + letter-spacing: 0.01em; } .plan-name { @@ -130,7 +147,7 @@ } .plan-btn.is-current-plan:disabled { - background-color: #6d9f71; + background-color: #4caf50; } .plan-features { @@ -221,7 +238,9 @@