diff --git a/web/website/src/components/Pricing.astro b/web/website/src/components/Pricing.astro
index a9ee142..ef7c89a 100644
--- a/web/website/src/components/Pricing.astro
+++ b/web/website/src/components/Pricing.astro
@@ -23,6 +23,7 @@ const plansData = {
       feats: [t('pf.free1'), t('pf.free2'), t('pf.free3'), t('pf.free4')],
       cta: t('price.cta_free'),
       ctaClass: 'pcta-out',
+      href: '#download',
       highlight: false,
     },
     {
@@ -33,6 +34,7 @@ const plansData = {
       feats: [t('pf.pro1'), t('pf.pro2'), t('pf.pro3'), t('pf.pro4'), t('pf.pro5')],
       cta: t('price.cta_pro'),
       ctaClass: 'pcta-white',
+      href: '#get-code',
       highlight: true,
     },
     {
@@ -43,6 +45,7 @@ const plansData = {
       feats: [t('pf.team1'), t('pf.team2'), t('pf.team3'), t('pf.team4')],
       cta: t('price.cta_team'),
       ctaClass: 'pcta-fill',
+      href: '#get-code',
       highlight: false,
     },
   ],
@@ -75,7 +78,7 @@ function cell(v: string) {
 
   <div class="wrap">
     <!-- payment note -->
-    <div class="pay-note">
+    <div class="pay-note" id="get-code">
       <Icon name="shield-check" />
       <div>
         <b>{t('pay.title')}</b><br>
diff --git a/web/website/src/components/PricingPlans.jsx b/web/website/src/components/PricingPlans.jsx
index 157a361..1795d87 100644
--- a/web/website/src/components/PricingPlans.jsx
+++ b/web/website/src/components/PricingPlans.jsx
@@ -50,7 +50,7 @@ export default function PricingPlans({ data }) {
                   </li>
                 ))}
               </ul>
-              <button class={`pcta ${p.ctaClass}`}>{p.cta}</button>
+              <a href={p.href || '#get-code'} class={`pcta ${p.ctaClass}`}>{p.cta}</a>
             </div>
           ))}
         </div>
diff --git a/web/website/src/styles/website.css b/web/website/src/styles/website.css
index 718092b..8e19903 100644
--- a/web/website/src/styles/website.css
+++ b/web/website/src/styles/website.css
@@ -171,7 +171,7 @@ section{padding:88px 0}
 .plan.feat-plan .feats li{color:rgba(255,255,255,.92)}
 .plan .feats svg{width:16px;height:16px;color:var(--success);flex-shrink:0;margin-top:1px}
 .plan.feat-plan .feats svg{color:#fff}
-.plan .pcta{width:100%;border:none;border-radius:var(--radius-full);padding:13px;font-family:var(--font-sans);font-weight:700;font-size:14.5px;cursor:pointer}
+.plan .pcta{display:block;width:100%;box-sizing:border-box;text-align:center;text-decoration:none;border:none;border-radius:var(--radius-full);padding:13px;font-family:var(--font-sans);font-weight:700;font-size:14.5px;cursor:pointer}
 .pcta-fill{background:var(--accent);color:#fff}
 .pcta-white{background:#fff;color:var(--clay-700)}
 .pcta-out{background:transparent;color:var(--fg2);border:1.5px solid var(--border-strong)!important}