Pricing Cards

<x-aura::grid cols="1" md="3" gap="6">
    <x-aura::card padding="lg" gap="4">
        <x-aura::flex direction="col" gap="1">
            <x-aura::kicker>
                For Individuals
            </x-aura::kicker>
            <x-aura::heading level="3" size="md">
                Starter
            </x-aura::heading>
        </x-aura::flex>

        <x-aura::flex align="baseline" gap="1">
            <x-aura::heading level="4" size="2xl">
                $19
            </x-aura::heading>
            <x-aura::text size="sm" variant="subtle">
                / month
            </x-aura::text>
        </x-aura::flex>

        <x-aura::separator />

        <x-slot:footer>
            <x-aura::button variant="secondary" size="md" block="true">
                Start
            </x-aura::button>
        </x-slot:footer>
    </x-aura::card>
</x-aura::grid>