fix: Updated Purchase Button#641

[techinaina]

Title and Issue number

Title : Update Purchase button alignment

Issue No. : #641

Code Stack : CSS

Close #641

Description

There was problem in purchase button they were not aligned properly at the same level and also the design of premium purchase button was different from the other two so. I have aligned the buttons properly at same level so that they look more user friendly and attractive and changed the design of premium purchase button similar to the other two.

Video/Screenshots (mandatory)

Type of PR

• Bug fix
• Feature enhancement

Checklist:

• I have performed a self-review of my code.
• I have commented my code, particularly in hard-to-understand areas.
• I have tested the changes thoroughly before submitting this pull request.
• I have provided relevant issue numbers, screenshots, and videos after making the changes.
• I have gone through the contributing.md file before contributing

Additional context:

##Are you contributing under any Open-source programme?

Yes, I am contributing under Gssoc'24 programme

[netlify]

✅ Deploy Preview for taupe-cendol-f7e2bb ready!

Name	Link
🔨 Latest commit	b21a968
🔍 Latest deploy log	https://app.netlify.com/sites/taupe-cendol-f7e2bb/deploys/66718cb8ca536f000800136f
😎 Deploy Preview	https://deploy-preview-838--taupe-cendol-f7e2bb.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[github-actions]

Hi @techinaina! Thank you for your valuable contribution! Our team will review it and get back to you soon.

[techinaina]

@apu52 please review my PR.

[apu52]

@techinaina good work