style: change button styling (#85)

## Why?

Clear and short explanation here.

## How?

- Done A (replace with a breakdown of the steps)
- Done B
- Done C

## Tickets?

- [Ticket 1](the-ticket-url-here)
- [Ticket 2](the-ticket-url-here)
- [Ticket 3](the-ticket-url-here)

## Contribution checklist?

- [ ] The commit messages are detailed
- [ ] The `build` command runs locally
- [ ] Assets or static content are linked and stored in the project
- [ ] Document filename is named after the slug
- [ ] You've reviewed spelling using a grammar checker
- [ ] For documentation, guides or references, you've tested the
commands and steps
- [ ] You've done enough research before writing

## Security checklist?

- [ ] Sensitive data has been identified and is being protected properly
- [ ] Injection has been prevented (parameterized queries, no eval or
system calls)
- [ ] The Components are escaping output (to prevent XSS)

## References?

Optionally, provide references such as links

## Preview?

Optionally, provide the preview url here

---------

Co-authored-by: nlc616 <[email protected]>

.tailwind/tailwind.plugin.typography.mjs

@@ -66,7 +66,7 @@ export default plugin(({ addComponents }) => {
         {},
     },
     ".typo-btn-cap": {
-      "@apply font-plex-sans text-16 font-medium capitalize leading-[150%] tracking-[0.09rem]":
+      "@apply font-plex-sans text-16 font-normal capitalize leading-[150%] tracking-[0.0rem]":
         {},
     },
     ".typo-btn-xs": {

src/components/PricingButton.tsx

@@ -11,7 +11,7 @@ interface Props {
 const PricingButton: React.FC<React.PropsWithChildren<Props>> = (props) => {
   return (
     <button
-      className={`${props.border} ${props.bg} inline-block w-full  rounded-12 px-24 py-14 duration-300 ease-in-out ${props.hoverBtnBg} hover:border-yellow-dark-12`}
+      className={`${props.border} ${props.bg} inline-block w-full rounded-12 px-24 py-14 duration-300 ease-in-out ${props.hoverBtnBg} hover:border-yellow-dark-12`}
     >
       <Text
         as="span"

src/components/Text.tsx

@@ -66,7 +66,7 @@ const textStyles: Record<TextStyle, string> = {
   'btn-s':
     'font-plex-sans text-13 font-normal leading-[150%] tracking-[0.096rem] uppercase',
   'btn-l':
-    'font-plex-sans lg:text-16 font-medium leading-[150%] tracking-[0.192rem] capitalize',
+    'font-plex-sans lg:text-16 font-normal leading-[150%] tracking-[0.0rem]',
 
   'btn-l-mid':
     'font-plex-sans lg:text-14 font-normal leading-[150%] tracking-[0.0rem]',