Pricing Cards

In this project, you are required to create a row of pricing cards using only HTML and CSS. Pricing cards are a common UI pattern used on marketing and SaaS websites to compare plans side by side and guide users to the right tier.

1. **Equal heights**: All three cards should be the same height even when their feature lists are different lengths, so the buttons line up at the bottom.
2. **Hover state**: The button should have a clear hover and focus state. Do not rely on color alone - change the background or add a subtle shadow.
3. **Box model**: Use padding for inner spacing and gap on the row for spacing between cards. Avoid mixing margin and gap to space siblings.
4. **Typography hierarchy**: The price should be the most prominent element on the card; the plan name and feature list should sit clearly below it.