message: Give pricing cards a max width on small screens
diff: <Card
  size="small"
  - class={`box flex w-full sm:w-[295px] gap-small py-small flex-col justify-between items-center bg-gray-100 px-0 mt-0 mx-macro 2xl:mx-micro mb-x-small text-center transition-all duration-200 hover:shadow-brand ${
  + class={`box flex w-full max-w-xs sm:w-[295px] gap-small py-small flex-col justify-between items-center bg-gray-100 px-0 mt-0 mx-macro 2xl:mx-micro mb-x-small text-center transition-all duration-200 hover:shadow-brand ${
  spiced ? "spiced shadow-brand" : ""
  }`}
  >
  