(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'}
/>