(isHovered = true)} onmouseleave={() => (isHovered = false)} > {#if pkg.popular}
{popularLabel}
{/if}
{pkg.name}
{pkg.manaAmount}
{manaLabel}
{formatPrice(pkg)}
{oneTimeLabel}
onSelect(pkg.id)} iconName="arrow-forward-outline" leftIconName="cart-outline" variant={pkg.popular ? 'accent' : 'primary'} />