fix: add intents for buttons

components/MyPages/Blocks/Benefits/NextLevel/next.module.css

@@ -0,0 +1,47 @@
+.container {
+  display: grid;
+  gap: 1.5rem;
+}
+
+.cardContainer {
+  display: grid;
+  gap: 0.4rem;
+}
+
+.card {
+  text-decoration: none;
+  display: flex;
+  flex-direction: column;
+  gap: 2rem;
+  justify-content: center;
+  align-items: center;
+  padding: 2rem;
+  border-radius: 4px;
+  background-color: var(--some-grey-color, #e5e5e5);
+  text-align: center;
+}
+
+.level {
+  font-size: var(--typography-Script-Mobile-fontSize, 18px);
+  font-weight: var(--typography-Script-Mobile-fontWeight);
+  font-style: italic; /* font-family: var(--ff-biro-script-plus); */
+}
+
+.subtitle {
+  font-size: var(--typography-Subtitle-Mobile-fontSize, 18px);
+}
+
+@media screen and (min-width: 950px) {
+  .cardContainer {
+    grid-template-columns: 1fr 1fr 1fr;
+  }
+
+  .level {
+    font-size: var(--typography-Script-Desktop-fontSize);
+    font-weight: var(--typography-Script-Desktop-fontWeight);
+  }
+
+  .subtitle {
+    font-size: var(--typography-Subtitle-Desktop-fontSize, 18px);
+  }
+}