Started adding information ton pricing cards in home page

src/styles/index.css

@@ -2,7 +2,7 @@
     display: flex;
     overflow-x: hidden;
     flex-direction: column;
-    gap: 220px;
+    gap: 140px;
     background-color: transparent;
 }
 
@@ -78,16 +78,33 @@
 
     display: flex;
     flex-direction: column;
+    justify-content: space-between;
     gap: var(--space-2xl-48px);
 
-    height: 600px;
+    min-height: 650px;
+    width: 380px;
     box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
     background-color: #363636;
 }
 
+.pricing-card-content {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-2xl-48px);
+}
+
+.more-details {
+    font-size: var(--font-desktop-base);
+    line-height: var(--line-height-desktop-base);
+    color: white;
+    text-align: left;
+    cursor: pointer;
+    text-decoration: underline;
+}
+
 .best-plan-card {
     border: 4px solid #e54c75;
-    height: 620px;
+    height: 680px;
 }
 
 .pricing-card .plan-type {
@@ -119,9 +136,16 @@
     }
 }
 
+.button-and-link-container {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md-16px);
+    align-items: center;
+}
+
 .select-plan-button {
     height: 42px;
-    width: auto;
+    width: 100%;
     padding: var(--space-sm-8px) var(--space-md-16px);
     border: none;
     border-radius: 16px;
@@ -134,3 +158,13 @@
     display: flex;
     justify-content: center;
 }
+
+.button-and-link-container a {
+    font-size: var(--font-desktop-sm);
+    font-weight: normal;
+    line-height: var(--line-height-desktop-sm);
+    color: white;
+    text-align: center;
+    cursor: pointer;
+    text-decoration: underline;
+}