* adding existing pattern card content and styling with commented code to avoid breaking the compiler
* removing extra styling that is not needed
* using variables
* removing event segmentation and adding URLs
* adding a translation for tthe ext
* adding a translation for explore_all_plans
* adding translation sign_up_for_free
* adding the card on blog post page
* adding card-body to match BS5 and removing extra padding from .cta-card
* adding p and removing margin from .font-size-display-xs
* removing cta-card-text class
* removing margin-top from responsive-button-container and adding the usage of .p-no-text-nodes with p
* removing gap and margin responsive-button-container
* removing extra padding
* adding font-size and line-height to match figma design
* changing the breakpoint to lg
* removing important keyword
* making explore plans button as primary and hiding signup button when user is logged in
* removing responsive-button-container
* adding count variable in the translation
* moving font-size-display-xs one level lower
* adding span under p
GitOrigin-RevId: a1a16d46a725b547bda6e452ff1c7bef05964690
[web] CMS BS5 - Fix mobile top padding when columns reversed, apply `max-width` to rows as cards
GitOrigin-RevId: 0c8745c171dc8e24389b2e54e4d6fd605c30e145