fix(styles): adjust padding and font sizes for improved layout consistency

src/app/sidebar/components/vip-benefits-card.module.css

@@ -31,7 +31,7 @@
 
 .title {
   margin: 0;
-  font-size: 18px;
+  font-size: var(--font-size-xxl);
   font-weight: 700;
   color: #f657a0;
   line-height: 1.3;
@@ -63,7 +63,7 @@
   align-items: flex-start;
   gap: 0;
   padding: 0;
-  font-size: 14px;
+  font-size: var(--font-size-lg);
   color: #1e1e1e;
   line-height: normal;
 }
@@ -91,7 +91,7 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  padding: var(--spacing-md, 12px) var(--spacing-lg, 16px);
+  padding: var(--spacing-xs) var(--spacing-md);
   border-radius: 22px;
   background-image:
     linear-gradient(
@@ -104,7 +104,7 @@
     linear-gradient(#fb5e9d, #fb5e9d);
   background-blend-mode: normal, normal;
   color: var(--color-text-primary, #ffffff);
-  font-size: var(--font-size-md, 14px);
+  font-size: var(--font-size-lg);
   font-weight: 600;
   border: 0;
   cursor: pointer;