diff --git a/nuxt-frontend/assets/css/global.css b/nuxt-frontend/assets/css/global.css
index 5208b01ed..a13a60eb0 100644
--- a/nuxt-frontend/assets/css/global.css
+++ b/nuxt-frontend/assets/css/global.css
@@ -156,7 +156,7 @@
   }
 
   .gradient-border-btn {
-    @apply m-[5px] rounded-[0.6rem] border border-solid border-transparent bg-gradient-to-r from-[#ff9472] via-[#ff909c] to-[#f2709c] p-[1rem] text-center shadow-[inset_2px_1000px_1px_#fff] hover:border hover:border-solid hover:border-transparent hover:from-[#f2709c] hover:to-[#ff9472] hover:shadow-none hover:bg-gradient-[91.53deg] active:scale-[0.98];
+    @apply m-[5px] rounded-[0.6rem] border border-solid border-transparent bg-gradient-to-r from-[#ff9472] via-[#ff909c] to-[#f2709c] p-[1rem] text-center shadow-[inset_2px_1000px_1px_#fff] lg:hover:border lg:hover:border-solid lg:hover:border-transparent lg:hover:from-[#f2709c] lg:hover:to-[#ff9472] lg:hover:shadow-none lg:hover:bg-gradient-[91.53deg] active:scale-[0.98];
   }
 
   .gradient-border-btn > a > .fab {
@@ -168,7 +168,15 @@
   .gradient-border-btn:hover > a > .fab,
   .gradient-border-btn:hover > span,
   .gradient-border-btn:hover > span > span {
-    @apply text-white;
+    @apply lg:text-white;
+  }
+
+  .white-border-btn {
+    @apply m-[5px] rounded-[0.6rem] border border-solid border-transparent bg-gradient-to-r from-[#ff9472] via-[#ff909c] to-[#f2709c] p-[1rem] text-center shadow-[inset_2px_1000px_1px_#fff]  active:scale-[0.98];
+  }
+
+  .white-border-btn > span {
+    @apply from-[#FF835B] to-[#F2709C] bg-clip-text text-transparent bg-gradient-[270.11deg];
   }
 
   .mobile-header-1 {
diff --git a/nuxt-frontend/components/home-new/PortfolioCTASection.vue b/nuxt-frontend/components/home-new/PortfolioCTASection.vue
index a64f562f9..095714169 100644
--- a/nuxt-frontend/components/home-new/PortfolioCTASection.vue
+++ b/nuxt-frontend/components/home-new/PortfolioCTASection.vue
@@ -34,7 +34,7 @@
           </div>
         </div>
         <nuxt-link
-          class="m-auto lg:ml-0 white-btn gradient-border-btn primary-btn border-none"
+          class="m-auto lg:ml-0 white-border-btn primary-btn border-none"
           to="/contact"
           @click.native="$mixpanel.track('tap_home_portfolio_cta')"
         >
diff --git a/nuxt-frontend/config.js b/nuxt-frontend/config.js
index 93c9dd420..1847f9761 100644
--- a/nuxt-frontend/config.js
+++ b/nuxt-frontend/config.js
@@ -148,14 +148,14 @@ export default Object.freeze({
   SHOW_DRAFT_POSTS: true,
   VITE_IFRAMELY_KEY: "VITE_IFRAMELY_KEY_VALUE",
   VITE_RECAPTCHA_SITE_KEY: "VITE_RECAPTCHA_SITE_KEY_VALUE",
-  INTRO_SHOWCASE_STARS: 337,
-  UIPILOT_STARS: 274,
-  JETPACK_COMPOSE_ANIMATION_STARS: 277,
-  COMPOSE_COUNTRY_PICKER_STARS: 50,
-  SWIFT_UI_ANIMATION_STARS: 53,
+  INTRO_SHOWCASE_STARS: 342,
+  UIPILOT_STARS: 276,
+  JETPACK_COMPOSE_ANIMATION_STARS: 281,
+  COMPOSE_COUNTRY_PICKER_STARS: 51,
+  SWIFT_UI_ANIMATION_STARS: 52,
   IOS_DEVELOPER_ROADMAP_STARS: 79,
   TAILWIND_ANIMATIONS_STARS: 103,
   CANOPAS_WEBSITE_STARS: 25,
-  CANOPAS_BLOG_WEBSITE_STARS: 29,
-  WEB_DEVELOPMENT_ROADMAP_STARS: 95,
+  CANOPAS_BLOG_WEBSITE_STARS: 30,
+  WEB_DEVELOPMENT_ROADMAP_STARS: 97,
 });