const CharacterCardVipAdd = () => {
  return (
    <div className="cursor-pointer">
      <div className="bg-surface-element-normal rounded-m border-gradient relative w-full border border-dashed pb-[133%]">
        <div className="absolute inset-0 flex flex-col items-center justify-center gap-2">
          <i className="iconfont icon-add text-txt-tertiary-normal !text-[24px]" />
          <span className="text-txt-tertiary-normal txt-body-l">Add More Character</span>
        </div>
      </div>
    </div>
  )
}

export default CharacterCardVipAdd
