diff --git a/src/components/SectionBasicContent/SectionBasicContent.vue b/src/components/SectionBasicContent/SectionBasicContent.vue
index 8ebf69a2e5..011e75e203 100644
--- a/src/components/SectionBasicContent/SectionBasicContent.vue
+++ b/src/components/SectionBasicContent/SectionBasicContent.vue
@@ -14,9 +14,14 @@
           v-for="(button, index) in buttons"
           :key="index"
         >
-          <LinkButton
+          <Button
             v-if="button.link"
-            v-bind="button"
+            :href="button.link"
+            :label="button.label"
+            type="primary"
+            theme="light"
+            :target="button.target"
+            :icon="button.icon"
           />
         </template>
       </template>
@@ -34,7 +39,7 @@
   
   <script setup>
     import ContentSection from 'azion-webkit/contentsection'
-    import LinkButton from 'azion-webkit/linkbutton'
+    import Button from 'azion-webkit/components/Button';
   
     defineProps({
       id: {
diff --git a/src/components/TabGroup/TabGroup.css b/src/components/TabGroup/TabGroup.css
index 59467a7b27..448fe2970a 100644
--- a/src/components/TabGroup/TabGroup.css
+++ b/src/components/TabGroup/TabGroup.css
@@ -1,5 +1,6 @@
 .TabGroup {
 	display: flex;
+	border-bottom: none !important;
 }
 
 .TabGroup button,
@@ -10,7 +11,7 @@
 	border-radius: 0;
 	cursor: pointer;
 	padding: 0.6rem 1rem;
-	color: var(--theme-text-light);
+	color: var(--tabgroup-white);
 	border-bottom: 4px solid transparent;
 	background-color: transparent;
 	text-decoration: none;
@@ -23,29 +24,24 @@
 
 .TabGroup .active,
 .TabGroup [aria-selected='true'] {
-	color: var(--theme-text);
-	border-bottom-color: var(--theme-accent);
 	font-weight: bold;
 }
 
-@media (forced-colors: active) {
-	.TabGroup {
-		border-bottom-color: Canvas;
-	}
-
-	.TabGroup .active {
-		color: ButtonText;
-		border-bottom-color: ButtonText;
-	}
-
-	.TabGroup a,
-	.TabGroup button {
-		color: LinkText;
-		border-bottom-color: Canvas;
-	}
-}
 
 .TabGroup.no-flex button,
 .TabGroup.no-flex a {
 	flex: 0;
+}
+
+._tablist_ugdi6_34 {
+    border-color: transparent !important;
+  }
+
+.TabGroup > span{
+    color: var(--tabgroup-orange-500) !important;
+    height: 10px !important;  
+    background: var(--tabgroup-orange-500) !important;
+}
+._tab-scroll-overflow_ugdi6_10 > .border {
+    border-color: var(--tabgroup-neutral-800) !important;
 }
\ No newline at end of file
diff --git a/src/components/Table/TablePricing.astro b/src/components/Table/TablePricing.astro
index c17c3bc13f..85db6a8402 100644
--- a/src/components/Table/TablePricing.astro
+++ b/src/components/Table/TablePricing.astro
@@ -83,8 +83,41 @@ const i18n = {
 
 async function fetchPricingData() {	
 	// product_slug come from Astro.props
-  const response = await fetch(`https://www.azion.com/api/pricing/get/product_slug/${product_slug}`);
-  return await response.json();
+	const url = `https://www.azion.com/api/pricing/get/product_slug/${product_slug}`;
+
+	try {
+		const response = await fetch(url);
+
+		// If the API fails or returns a non-2xx status, avoid trying to parse JSON
+		if (!response.ok) {
+			console.error(`[TablePricing] Failed to fetch pricing data`, {
+				url,
+				status: response.status,
+				statusText: response.statusText
+			});
+			return [];
+		}
+
+		const contentType = response.headers.get('content-type') || '';
+
+		// The pricing API should always return JSON; if it doesn't, bail out gracefully
+		if (!contentType.includes('application/json')) {
+			console.error(`[TablePricing] Unexpected content-type when fetching pricing data`, {
+				url,
+				contentType
+			});
+			return [];
+		}
+
+		return await response.json();
+	} catch (error) {
+		// Handle network / runtime errors so the docs build doesn't break
+		console.error(`[TablePricing] Error fetching pricing data`, {
+			url,
+			error
+		});
+		return [];
+	}
 }
 
 function isReal() {
diff --git a/src/components/tabs/Tabs.tsx b/src/components/tabs/Tabs.tsx
index 5b77b272c1..65517b476c 100644
--- a/src/components/tabs/Tabs.tsx
+++ b/src/components/tabs/Tabs.tsx
@@ -4,6 +4,7 @@ import '../TabGroup/TabGroup.css';
 import { genTabId } from './store';
 import styles from './Tabs.module.css';
 import { useTabState } from './useTabState';
+import { primitiveColors } from 'azion-theme/src/tokens/colors-primitive';
 
 const tabSlotKey = 'tab.' as const;
 const panelSlotKey = 'panel.' as const;
@@ -73,8 +74,9 @@ export default function Tabs({ sharedStore, ...slots }: Props) {
 			const containerBoundingRect = tabButtonContainerRef.current.getBoundingClientRect();
 			if (!activeTabIndicatorRef.current.style.width)
 				activeTabIndicatorRef.current.style.width = '1px';
-			activeTabIndicatorRef.current.style.transform = `translateX(${tabBoundingRect.left - containerBoundingRect.left
-				}px) scaleX(${tabBoundingRect.width})`;
+			activeTabIndicatorRef.current.style.transform = `translateX(${
+				tabBoundingRect.left - containerBoundingRect.left
+			}px) scaleX(${tabBoundingRect.width})`;
 		}
 	}, [curr]);
 
@@ -97,8 +99,14 @@ export default function Tabs({ sharedStore, ...slots }: Props) {
 		}
 	}
 
+	const cssVariables = {
+		'--tabgroup-white': primitiveColors.base.white,
+		'--tabgroup-neutral-800': primitiveColors.neutral[800],
+		'--tabgroup-orange-500': primitiveColors.orange[500],
+	};
+
 	return (
-		<div className={styles.container}>
+		<div className={styles.container} style={cssVariables}>
 			<div className={styles['tab-scroll-overflow']}>
 				<div
 					ref={tabButtonContainerRef}
@@ -126,7 +134,6 @@ export default function Tabs({ sharedStore, ...slots }: Props) {
 						className={styles.selectedIndicator}
 						aria-hidden="true"
 					/>
-
 				</div>
 				<div className="border" />
 			</div>
diff --git a/src/content/docs/en/homes/home-docs.mdx b/src/content/docs/en/homes/home-docs.mdx
index b36652380f..9038e2956f 100644
--- a/src/content/docs/en/homes/home-docs.mdx
+++ b/src/content/docs/en/homes/home-docs.mdx
@@ -8,7 +8,7 @@ namespace: documentation_home
 permalink: /documentation/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import HeroHome from 'azion-webkit/herohome';
 import Container from 'azion-webkit/container';
 
@@ -18,8 +18,8 @@ import Container from 'azion-webkit/container';
     description="We make every application fast and reliable. Deploy your projects instantly on the most reliable global network, leverage enterprise-grade security, and scale from zero to peak without cold starts."
     logos={[]}
     buttons={[
-      { label: "Create an account", link: "https://console.azion.com/signup/", outlined: false },
-      { label: "Platform overview", link: "/en/documentation/products/azion-platform-overview/", severity: "secondary" }
+      { label: "Create an account", link: "https://console.azion.com/signup/", type: "primary", theme: "light" },
+      { label: "Platform overview", link: "/en/documentation/products/azion-platform-overview/",  type: "primary", theme: "light" }
     ]}
   />
 </div>
@@ -36,7 +36,7 @@ Astro is a modern web framework designed for building fast, content-focused webs
 
 To view the complete list of availiable Astro templates, [click here](/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/astro/#available-templates).
 
-<LinkButton link="/en/documentation/products/templates/astro-boilerplate/." label="Get Started" severity="secondary" />
+<Button href="/en/documentation/products/templates/astro-boilerplate/." label="Get Started" type="primary" theme="light" />
 
 ### <i class='ai ai-gatsby'></i> Gatsby Blog Starter Kit
 
@@ -44,7 +44,7 @@ Create high-performance, SEO-friendly websites with Gatsby, a React-based static
 
 To view the complete list of availiable Gatsby templates, [click here](/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/gatsby/#available-templates).
 
-<LinkButton link="/en/documentation/products/templates/gatsby-blog/." label="Get Started" severity="secondary" />
+<Button href="/en/documentation/products/templates/gatsby-blog/." label="Get Started" type="primary" theme="light" />
 
 ### <i class='ai ai-react'></i> React Boilerplate
 
@@ -52,7 +52,7 @@ Build interactive user interfaces using reusable components with React, one of t
 
 To view the complete list of availiable React templates, [click here](/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/react/#available-templates).
 
-<LinkButton link="/en/documentation/products/templates/react-boilerplate/." label="Get Started" severity="secondary" />
+<Button href="/en/documentation/products/templates/react-boilerplate/." label="Get Started" type="primary" theme="light" />
 
 
 ### <i class='ai ai-nextjs'></i> Next.js App + Configurations
@@ -61,18 +61,27 @@ Leverage Next.js for server-side rendering, static site generation, and powerful
 
 To view the complete list of availiable Next.js templates, [click here](/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/nextjs/#available-templates).
 
-<LinkButton link="/en/documentation/products/templates/nextjs-app-configurations/." label="Get Started" severity="secondary" />
+<Button href="/en/documentation/products/templates/nextjs-app-configurations/." label="Get Started" type="primary" theme="light" />
 
 ### <i class='ai ai-vue'></i> Vue.js Boilerplate
 
 Develop responsive and maintainable web interfaces with Vue.js, a progressive JavaScript framework known for its simplicity, flexibility, and ease of integration—perfect for modern, scalable apps at the edge.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/vue/vue-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/vue/vue-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ### <i class='ai ai-angular'></i> Angular Boilerplate
 
@@ -80,12 +89,12 @@ Create enterprise-grade, feature-rich web applications with Angular, a comprehen
 
 To view the complete list of availiable Angular templates, [click here](/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/angular/#available-templates).
 
-<LinkButton link="/en/documentation/products/templates/angular-boilerplate/." label="Get Started" severity="secondary" />
+<Button href="/en/documentation/products/templates/angular-boilerplate/." label="Get Started" type="primary" theme="light" />
 ### More frameworks 
 
 We are continously expanding our framework support. Click below to see the full list.
 
-<LinkButton link="/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/" label="View details" severity="secondary" />
+<Button href="/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/" label="View details" type="primary" theme="light" />
 
 ## Need to deploy an existing project?
 
@@ -126,49 +135,49 @@ azion link
 Console is Azion's configuration interface where you can access all the available products and their settings. It enables you to complete all tasks in Azion's platform, such as creating Applications, configuring Functions, managing Firewall rules, setting up Cache, and monitoring real-time metrics and events.
 
 
-<LinkButton link="/en/documentation/products/guides/getting-to-know-azion-console/" label="View details" severity="secondary" />
+<Button href="/en/documentation/products/guides/getting-to-know-azion-console/" label="View details" type="primary" theme="light" />
 
 ### Azion API
 
 The Azion API is a RESTful API based on HTTPS requests that allows users to fully interact with Azion products through API requests.
 
-<LinkButton link="https://api.azion.com/?_gl=1*kkolsv*_gcl_au*OTAxOTIzMjQ2LjE3NDc3NDYzNTkuMTk3ODMzMTk3LjE3NDg0NTUzNTYuMTc0ODQ1NjI4OQ.." label="View details" severity="secondary" />
+<Button href="https://api.azion.com/?_gl=1*kkolsv*_gcl_au*OTAxOTIzMjQ2LjE3NDc3NDYzNTkuMTk3ODMzMTk3LjE3NDg0NTUzNTYuMTc0ODQ1NjI4OQ.." label="View details" type="primary" theme="light" />
 
 ### Azion CLI
 
 Azion CLI is our [open source](https://github.com/aziontech/azion) command-line interface that allows you to interact with the Azion Web Platform via terminal. With it, you can initialize, build, and deploy applications, create Jamstack apps, manage your projects, run a local development server, and link existing projects to Azion applications.
 
-<LinkButton link="/en/documentation/products/azion-cli/overview/" label="View details" severity="secondary" />
+<Button href="/en/documentation/products/azion-cli/overview/" label="View details" type="primary" theme="light" />
 
 ### Azion Lib
 
 Azion Lib are JavaScript/TypeScript tools designed to work inside the [Azion Runtime](https://www.azion.com/en/documentation/runtime/overview/), leveraging internal features for enhanced performance. They also function outside the runtime, accessing Azion services such as Purge, Object Storage, and Image Processor via REST APIs. The libraries support debug mode and environment variable configuration.
 
-<LinkButton link="/en/documentation/products/azion-lib/overview/" label="View details" severity="secondary" />
+<Button href="/en/documentation/products/azion-lib/overview/" label="View details" type="primary" theme="light" />
 
 ### Console Kit
 
 Azion Console Kit is a front-end kit for building your own Azion Console interfaces using Vue/Vite, Tailwind, and PrimeVue. It connects to the Azion API, supports multi-tenancy, and lets you customize themes and UI for your business needs. The kit features a clean, organized structure for maintainable code.
 
-<LinkButton link="/en/documentation/devtools/console-kit/" label="View details" severity="secondary" />
+<Button href="/en/documentation/devtools/console-kit/" label="View details" type="primary" theme="light" />
 
 ### GraphQL API
 
 GraphQL is a powerful API language that allows precise data retrieval, avoiding overfetching and enhancing performance. Unlike traditional REST APIs, it uses a single endpoint and delivers tailored JSON responses. At Azion, GraphQL is ideal for accessing real-time metrics, events, billing, and accounting data, enabling efficient monitoring and analysis.
 
-<LinkButton link="/en/documentation/devtools/graphql-api/" label="View details" severity="secondary" />
+<Button href="/en/documentation/devtools/graphql-api/" label="View details" type="primary" theme="light" />
 
 ### SDK
 
 The Azion SDK for Go simplifies developing applications that integrate with Azion's platform. It enables efficient management of Applications, interaction with Object Storage, advanced queries with SQL Database, task automation, and building serverless solutions, streamlining workflows and enhancing productivity for edge computing projects.
 
-<LinkButton link="/en/documentation/devtools/sdk/go/" label="View details" severity="secondary" />
+<Button href="/en/documentation/devtools/sdk/go/" label="View details" type="primary" theme="light" />
 
 ### Terraform
 
 Terraform is an infrastructure as code tool that enables efficient infrastructure management through reusable, versioned, and shareable code. The Azion Terraform Provider, available in the Terraform Registry, leverages the Azion SDK for Go to interact with Azion APIs, allowing you to manage your Azion-hosted infrastructure locally as code, ensuring a consistent and streamlined workflow.
 
-<LinkButton link="/en/documentation/products/terraform-provider/" label="View details" severity="secondary" />
+<Button href="/en/documentation/products/terraform-provider/" label="View details" type="primary" theme="light" />
 
 
 ## Find the solution that fits you better
@@ -177,37 +186,37 @@ Terraform is an infrastructure as code tool that enables efficient infrastructur
 
 Build scalable, low-latency apps with edge computing and serverless functions.
 
-<LinkButton link="/en/documentation/architectures/by-solution/application-development/" label="View details" severity="secondary" />
+<Button href="/en/documentation/architectures/by-solution/application-development/" label="View details" type="primary" theme="light" />
 
 ### <i class='pi pi-server'></i> Application and Infrastructure Automation
 
 Automate operations to optimize application performance and simplify infrastructure management.
 
-<LinkButton link="/en/documentation/architectures/by-solution/application-and-infrastructure-automation/" label="View details" severity="secondary" />
+<Button href="/en/documentation/architectures/by-solution/application-and-infrastructure-automation/" label="View details" type="primary" theme="light" />
 
 ### <i class='ai ai-edge-firewall'></i> Application and Network Security
 
 Protect applications and networks from threats with edge-native security and observability tools.
 
-<LinkButton link="/en/documentation/architectures/by-solution/application-and-network-security/" label="View details" severity="secondary" />
+<Button href="/en/documentation/architectures/by-solution/application-and-network-security/" label="View details" type="primary" theme="light" />
 
 ### <i class='pi pi-bolt'></i> Artificial Intelligence (AI)
 
 Deploy AI at the edge for real-time insights, fast responses, and personalized experiences.
 
-<LinkButton link="/en/documentation/architectures/by-solution/artificial-intelligence/" label="View details" severity="secondary" />
+<Button href="/en/documentation/architectures/by-solution/artificial-intelligence/" label="View details" type="primary" theme="light" />
 
 ### <i class='pi pi-chart-line'></i> Service Performance and Reliability
 
 Enhance application performance, reduce latency, and ensure reliable service delivery at the edge.
 
-<LinkButton link="/en/documentation/architectures/by-solution/service-performance-and-reliability/" label="View details" severity="secondary" />
+<Button href="/en/documentation/architectures/by-solution/service-performance-and-reliability/" label="View details" type="primary" theme="light" />
 
 ### Find more
 
 View all architectures for use cases.
 
-<LinkButton link="/en/documentation/architectures/" label="View details" severity="secondary" />
+<Button href="/en/documentation/architectures/" label="View details" type="primary" theme="light" />
 
 ## Choose your journey
 
@@ -215,37 +224,37 @@ View all architectures for use cases.
 
 Get to know the Azion Web Platform and how to use it.
 
-<LinkButton link="/en/documentation/products/azion-platform-overview/" label="View details" severity="secondary" />
+<Button href="/en/documentation/products/azion-platform-overview/" label="View details" type="primary" theme="light" />
 
 ### <i class='ai ai-build-pillar'></i> Build
 
 Create with powerful tools and frameworks.
 
-<LinkButton link="/en/documentation/products/guides/build/overview/" label="View details" severity="secondary" />
+<Button href="/en/documentation/products/guides/build/overview/" label="View details" type="primary" theme="light" />
 
 ### <i class='ai ai-store-pillar'></i> Store
 
 Manage and proccess data at the edge.
 
-<LinkButton link="/en/documentation/products/store/overview/" label="View details" severity="secondary" />
+<Button href="/en/documentation/products/store/overview/" label="View details" type="primary" theme="light" />
 
 ### <i class='ai ai-secure-pillar'></i> Secure
 
 Fully protect your applications.
 
-<LinkButton link="/en/documentation/products/secure/overview/" label="View details" severity="secondary" />
+<Button href="/en/documentation/products/secure/overview/" label="View details" type="primary" theme="light" />
 
 ### <i class='ai ai-deploy-pillar'></i> Deploy
 
 Manage edge resources efficiently.
 
-<LinkButton link="/en/documentation/products/deploy/overview/" label="View details" severity="secondary" />
+<Button href="/en/documentation/products/deploy/overview/" label="View details" type="primary" theme="light" />
 
 ### <i class='ai ai-observe-pillar'></i> Observe
 
 Monitor and gain analytics in real-time.
 
-<LinkButton link="/en/documentation/products/observe/overview/" label="View details" severity="secondary" />
+<Button href="/en/documentation/products/observe/overview/" label="View details" type="primary" theme="light" />
 
 ## What's new?
 
@@ -253,10 +262,10 @@ Monitor and gain analytics in real-time.
 
 Stay updated on the latest changes and releases in Azion products and services.
 
-<LinkButton link="/en/documentation/products/release-notes/" label="View details" severity="secondary" />
+<Button href="/en/documentation/products/release-notes/" label="View details" type="primary" theme="light" />
 
 ### <i class='pi pi-discord'></i> Join the Community
 
 Share your experiences with the Azion community on Discord.
 
-<LinkButton link="https://discord.com/invite/Yp9N7RMVZy" label="Join" severity="secondary" />
+<Button href="https://discord.com/invite/Yp9N7RMVZy" label="Join" type="primary" theme="light" />
diff --git a/src/content/docs/en/pages/architectures/bot-management/bot-management-architecture.mdx b/src/content/docs/en/pages/architectures/bot-management/bot-management-architecture.mdx
index 47eeb956c3..fe34df1842 100644
--- a/src/content/docs/en/pages/architectures/bot-management/bot-management-architecture.mdx
+++ b/src/content/docs/en/pages/architectures/bot-management/bot-management-architecture.mdx
@@ -13,7 +13,7 @@ meta_tags: >-
 namespace: docs_arch_bot_management
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 Azion [bots management solution](https://www.azion.com/en/solutions/bot-management/) utilizes machine learning to analyze request behaviors and intentions, distinguishing between humans and various bot categories. Upon analysis, each request is scored and classified, allowing for the execution of predefined preventive actions based on customer-set thresholds. This dynamic approach is enhanced by continuous data analysis, enabling the refinement of detection rules for improved efficiency and security. This solution ensures seamless user experiences while effectively countering malicious bot activity.
 
@@ -54,33 +54,63 @@ You can test and implement Azion Bot Manager in two ways:
 - Using [Azion Templates](/en/documentation/products/marketplace/templates/) based on the Bot Manager Lite version: pre-built and pre-configured projects designed to accelerate the implementation of bot management.
     - [Bot Manager Lite Starter Kit](/en/documentation/products/guides/bot-manager-lite-starter-kit/): with this template, you're able to deploy a new edge stack and see the Bot Manager Lite in action. To easily deploy this template at the edge, click the button below:
 
-      <LinkButton
-        label="Deploy Bot Manager Lite Starter Kit"
-        link="https://console.azion.com/create/azion/bot-manager-lite-starter-kit"
-        icon="ai ai-azion"
-        icon-pos="left"
-        target="_blank"
-      />
+      <Button
+
+          href="https://console.azion.com/create/azion/bot-manager-lite-starter-kit"
+
+          label="Deploy Bot Manager Lite Starter Kit"
+
+          type="primary"
+
+          theme="light"
+
+          target="_blank"
+
+          icon="ai ai-azion"
+
+          icon-pos="left"
+
+        />
 
     - [Bot Manager Lite Integration Kit](/en/documentation/products/guides/bot-manager-lite-integration-kit/): an easy way to integrate the Bot Manager Lite function in an existent firewall on Azion. To easily deploy this template at the edge, click the button below:
     
-      <LinkButton
-        label="Deploy Bot Manager Lite Integration Kit"
-        link="https://console.azion.com/create/azion/bot-manager-lite-integration-kit"
-        icon="ai ai-azion"
-        icon-pos="left"
-        target="_blank"
-      />
+      <Button
+
+          href="https://console.azion.com/create/azion/bot-manager-lite-integration-kit"
+
+          label="Deploy Bot Manager Lite Integration Kit"
+
+          type="primary"
+
+          theme="light"
+
+          target="_blank"
+
+          icon="ai ai-azion"
+
+          icon-pos="left"
+
+        />
 
     - [Bot Manager Lite and TOR Block Starter Kit](/en/documentation/products/guides/bot-manager-lite-and-tor-block-starter-kit/): deploy a basic security suite to protect your domains from bad bots and TOR Exit Nodes requests. To easily deploy this template at the edge, click the button below:
 
-      <LinkButton
-        label="Deploy Bot Manager Lite and TOR Block Starter Kit"
-        link="https://console.azion.com/create/azion/bot-manager-lite-and-tor-block-starter-kit"
-        icon="ai ai-azion"
-        icon-pos="left"
-        target="_blank"
-      />
+      <Button
+
+          href="https://console.azion.com/create/azion/bot-manager-lite-and-tor-block-starter-kit"
+
+          label="Deploy Bot Manager Lite and TOR Block Starter Kit"
+
+          type="primary"
+
+          theme="light"
+
+          target="_blank"
+
+          icon="ai ai-azion"
+
+          icon-pos="left"
+
+        />
 
 - From scratch: create an entire edge stack from zero, including Bot Manager. To do so: 
     1. [Create an application](/en/documentation/products/guides/build/build-an-application/).
diff --git a/src/content/docs/en/pages/architectures/edge-application/image-processing.mdx b/src/content/docs/en/pages/architectures/edge-application/image-processing.mdx
index 34835dee1c..1b0007180f 100644
--- a/src/content/docs/en/pages/architectures/edge-application/image-processing.mdx
+++ b/src/content/docs/en/pages/architectures/edge-application/image-processing.mdx
@@ -11,7 +11,7 @@ meta_tags: >-
 namespace: docs_arch_image_processing
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 Azion Image Processor offers simplicity and automation to [resource management](https://www.azion.com/en/solutions/image-processing-and-optimization/), allowing you to cut back on load times and storage costs. Running on a distributed edge computing network, you can reduce image sizes, crop and resize images to fit your needs, and apply filters to the image. All using one single image file.
 
@@ -47,13 +47,23 @@ Azion Image Processor offers simplicity and automation to [resource management](
 1. Create an application: you must first create the content delivery application layer at the edge of the network. You can do that using [Azion Console](https://console.azion.com), [Azion API](https://api.azion.com/#9c61e0fd-e7aa-4a5f-b29e-7f9d71b98d5f) or [Azion CLI](/en/documentation/products/azion-cli/overview/).
     - Choose the [Image Optimization template](https://console.azion.com/create/azion/image-optimization) to accelerate the process. To easily deploy this template at the edge, click the button below:
 
-    <LinkButton
-      label="Deploy the Image Optimization Template"
-      link="https://console.azion.com/create/azion/image-optimization"
-      icon="ai ai-azion"
-      icon-pos="left"
-      target="_blank"
-    />
+    <Button
+
+        href="https://console.azion.com/create/azion/image-optimization"
+
+        label="Deploy the Image Optimization Template"
+
+        type="primary"
+
+        theme="light"
+
+        target="_blank"
+
+        icon="ai ai-azion"
+
+        icon-pos="left"
+
+      />
 
 2. Create a domain and associate it with the application: 
     - On [Console](https://console.azion.com), [create a domain](/en/documentation/products/guides/configure-a-domain/) using the **+ Create** button on the top navbar.
diff --git a/src/content/docs/en/pages/architectures/edge-firewall/waap-architecture.mdx b/src/content/docs/en/pages/architectures/edge-firewall/waap-architecture.mdx
index 72d376f582..d3102ed438 100644
--- a/src/content/docs/en/pages/architectures/edge-firewall/waap-architecture.mdx
+++ b/src/content/docs/en/pages/architectures/edge-firewall/waap-architecture.mdx
@@ -12,7 +12,7 @@ meta_tags: >-
 namespace: docs_arch_waap
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 [Azion's Web Application and API Protection (WAAP)](https://www.azion.com/en/solutions/waap/) ensures robust defense mechanisms against cyber threats such as OWASP Top 10, sophisticated zero-day attacks, and automated bot activities. This architecture guarantees the security and uninterrupted availability of web applications and APIs by employing a comprehensive suite of integrated security features that meticulously analyze and manage incoming requests to protect against a wide range of attacks.
 
@@ -54,13 +54,23 @@ This solution is ideal for organizations looking to safeguard their digital infr
 - Create an application using one of the recommended options:
     - [Dynamic and Static File Optimization template](/en/documentation/products/guides/dynamic-and-static-file-optimization-template/). To easily deploy this template at the edge, click the button below:
 
-    <LinkButton
-      label="Deploy the Dynamic and Static File Optimization Template"
-      link="https://console.azion.com/create/azion/dynamic-and-static-file-optimization"
-      icon="ai ai-azion"
-      icon-pos="left"
-      target="_blank"
-    />
+    <Button
+
+        href="https://console.azion.com/create/azion/dynamic-and-static-file-optimization"
+
+        label="Deploy the Dynamic and Static File Optimization Template"
+
+        type="primary"
+
+        theme="light"
+
+        target="_blank"
+
+        icon="ai ai-azion"
+
+        icon-pos="left"
+
+      />
 
     - [Azion API](https://api.azion.com/#9c61e0fd-e7aa-4a5f-b29e-7f9d71b98d5f).
     - [Azion CLI](/en/documentation/products/azion-cli/overview/).
diff --git a/src/content/docs/en/pages/architectures/security-modernization/security-modernization-with-edge-computing.mdx b/src/content/docs/en/pages/architectures/security-modernization/security-modernization-with-edge-computing.mdx
index a22a2b0f5d..ed4257aaa0 100644
--- a/src/content/docs/en/pages/architectures/security-modernization/security-modernization-with-edge-computing.mdx
+++ b/src/content/docs/en/pages/architectures/security-modernization/security-modernization-with-edge-computing.mdx
@@ -13,7 +13,7 @@ meta_tags: >-
 namespace: docs_arch_security_modernization_with_edge
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 Edge computing capabilities can help you [safeguard your applications and their content](https://www.azion.com/en/solutions/security-modernization/), benefiting you from modern logic that requires minimum management and observability products to monitor requests while focusing on your core business objectives.
 
@@ -57,13 +57,23 @@ This use case is ideal for organizations looking to build a strong online presen
 1. Create an application using one of the recommended options:
 - [Dynamic and Static File Optimization template](/en/documentation/products/guides/dynamic-and-static-file-optimization-template/). To easily deploy this template at the edge, click the button below:
 
-    <LinkButton
-      label="Deploy the Dynamic and Static File Optimization Template"
-      link="https://console.azion.com/create/azion/dynamic-and-static-file-optimization"
-      icon="ai ai-azion"
-      icon-pos="left"
-      target="_blank"
-    />
+    <Button
+
+        href="https://console.azion.com/create/azion/dynamic-and-static-file-optimization"
+
+        label="Deploy the Dynamic and Static File Optimization Template"
+
+        type="primary"
+
+        theme="light"
+
+        target="_blank"
+
+        icon="ai ai-azion"
+
+        icon-pos="left"
+
+      />
 
 - [Azion API](https://api.azion.com/#9c61e0fd-e7aa-4a5f-b29e-7f9d71b98d5f)
 - [Azion CLI](/en/documentation/products/azion-cli/overview/)
diff --git a/src/content/docs/en/pages/build-journey/develop-with-azion/frameworks/framework-next.mdx b/src/content/docs/en/pages/build-journey/develop-with-azion/frameworks/framework-next.mdx
index fe9c91d98b..93893830cb 100644
--- a/src/content/docs/en/pages/build-journey/develop-with-azion/frameworks/framework-next.mdx
+++ b/src/content/docs/en/pages/build-journey/develop-with-azion/frameworks/framework-next.mdx
@@ -11,7 +11,7 @@ meta_tags: >-
 namespace: docs_framework_next
 menu_namespace: cliMenuAlpha
 ---
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Next.js is a flexible React framework that allows for the creation of high-performance full-stack web applications.
 
@@ -160,9 +160,9 @@ Wait a few minutes so the propagation takes place, and then access your applicat
 
 ## Compatibility 
 
-<LinkButton link="/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/" label="Go to supported Web Frameworks" severity="secondary" target="_blank" />
-<LinkButton link="/en/documentation/products/edge-application/edge-functions/runtime-apis/javascript/" label="Go to supported Web APIs" severity="secondary" target="_blank" />
-<LinkButton link="/en/documentation/products/azion-edge-runtime/compatibility/node/" label="Go to node.js support reference" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/" label="Go to supported Web Frameworks" type="primary" theme="light" target="_blank" />
+<Button href="/en/documentation/products/edge-application/edge-functions/runtime-apis/javascript/" label="Go to supported Web APIs" type="primary" theme="light" target="_blank" />
+<Button href="/en/documentation/products/azion-edge-runtime/compatibility/node/" label="Go to node.js support reference" type="primary" theme="light" target="_blank" />
 
 Watch how to build with Next.js on Azion's YouTube channel:
 
diff --git a/src/content/docs/en/pages/build-journey/develop-with-azion/frameworks/framework-overview.mdx b/src/content/docs/en/pages/build-journey/develop-with-azion/frameworks/framework-overview.mdx
index 0d56e36e19..11d90523db 100644
--- a/src/content/docs/en/pages/build-journey/develop-with-azion/frameworks/framework-overview.mdx
+++ b/src/content/docs/en/pages/build-journey/develop-with-azion/frameworks/framework-overview.mdx
@@ -12,7 +12,7 @@ meta_tags: >-
 namespace: docs_framework_overview
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 
 The **Jamstack** architecture at the edge has emerged as a game-changing paradigm, 
@@ -42,8 +42,8 @@ The following table brings **some** of the frameworks that are adapted to the ed
 You can check the full list of supported frameworks and some additional information in the following links:
 :::
 
-<LinkButton link="/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/" label="Go to supported Web Frameworks" severity="secondary" target="_blank" />
-<LinkButton link="/en/documentation/products/edge-application/edge-functions/runtime-apis/javascript/" label="Go to supported Web APIs" severity="secondary" target="_blank" />
-<LinkButton link="/en/documentation/products/azion-edge-runtime/compatibility/node/" label="Go to node.js support reference" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/" label="Go to supported Web Frameworks" type="primary" theme="light" target="_blank" />
+<Button href="/en/documentation/products/edge-application/edge-functions/runtime-apis/javascript/" label="Go to supported Web APIs" type="primary" theme="light" target="_blank" />
+<Button href="/en/documentation/products/azion-edge-runtime/compatibility/node/" label="Go to node.js support reference" type="primary" theme="light" target="_blank" />
 
 <br />
diff --git a/src/content/docs/en/pages/build-journey/develop-with-azion/toolsAzion-IDE/code-editor.mdx b/src/content/docs/en/pages/build-journey/develop-with-azion/toolsAzion-IDE/code-editor.mdx
index b93f855a9d..45a67a59c1 100644
--- a/src/content/docs/en/pages/build-journey/develop-with-azion/toolsAzion-IDE/code-editor.mdx
+++ b/src/content/docs/en/pages/build-journey/develop-with-azion/toolsAzion-IDE/code-editor.mdx
@@ -8,9 +8,9 @@ namespace: documentation_dev_with_azion_code_editor
 permalink: /documentation/products/build/develop-with-azion/code-editor/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/edge-application/edge-functions/runtime-api/code-editor/" label="Go to azion code editor reference" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/edge-application/edge-functions/runtime-api/code-editor/" label="Go to azion code editor reference" type="primary" theme="light" target="_blank" />
 
 Azion code editor for Functions is user-friendly and is built on the Monaco code editor, known from VS Code, making it easy for those familiar with VS Code to adapt. 
 
diff --git a/src/content/docs/en/pages/build-journey/develop-with-azion/toolsCli/overview.mdx b/src/content/docs/en/pages/build-journey/develop-with-azion/toolsCli/overview.mdx
index c937e6b541..b03d36fcdf 100644
--- a/src/content/docs/en/pages/build-journey/develop-with-azion/toolsCli/overview.mdx
+++ b/src/content/docs/en/pages/build-journey/develop-with-azion/toolsCli/overview.mdx
@@ -7,9 +7,9 @@ meta_tags: CLI
 namespace: documentation_dev_with_azion_cli
 permalink: /documentation/products/build/develop-with-azion/cli/
 ---
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/azion-cli/overview/" label="Go to azion cli reference" severity="secondary" />
+<Button href="/en/documentation/products/azion-cli/overview/" label="Go to azion cli reference" type="primary" theme="light" />
 
 **Azion CLI** is a user-friendly way to work with the Azion Web Platform, allowing you to create and manage applications through simple commands. It enables you to initialize, build, and deploy projects in several frameworks, such as:
 
diff --git a/src/content/docs/en/pages/build-journey/develop-with-azion/toolsSDK/go.mdx b/src/content/docs/en/pages/build-journey/develop-with-azion/toolsSDK/go.mdx
index 887d8b8390..7948f7439f 100644
--- a/src/content/docs/en/pages/build-journey/develop-with-azion/toolsSDK/go.mdx
+++ b/src/content/docs/en/pages/build-journey/develop-with-azion/toolsSDK/go.mdx
@@ -8,9 +8,9 @@ namespace: documentation_dev_with_azion_sdk_go
 permalink: /documentation/products/build/develop-with-azion/sdk/go/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/devtools/sdk/go/" label="Go to go sdk reference" severity="secondary" />
+<Button href="/en/documentation/devtools/sdk/go/" label="Go to go sdk reference" type="primary" theme="light" />
 
 The Azion SDK for Go is a developer toolkit that simplifies the process of interacting with Azion's API services when developing applications in the Go programming language.
 
diff --git a/src/content/docs/en/pages/build-journey/develop-with-azion/toolsedge-runtime/index.mdx b/src/content/docs/en/pages/build-journey/develop-with-azion/toolsedge-runtime/index.mdx
index 4ef1d0a533..9d39344f40 100644
--- a/src/content/docs/en/pages/build-journey/develop-with-azion/toolsedge-runtime/index.mdx
+++ b/src/content/docs/en/pages/build-journey/develop-with-azion/toolsedge-runtime/index.mdx
@@ -8,9 +8,9 @@ namespace: documentation_dev_with_azion_runtime
 permalink: /documentation/products/build/develop-with-azion/runtime-apis/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/runtime/overview/" label="Go to azion runtime reference" severity="secondary" />
+<Button href="/en/documentation/runtime/overview/" label="Go to azion runtime reference" type="primary" theme="light" />
 
 **Azion Runtime** is a toolkit for creating fast, responsive applications close to users. 
 
diff --git a/src/content/docs/en/pages/build-journey/develop-with-azion/toolslocal-dev/local-dev.mdx b/src/content/docs/en/pages/build-journey/develop-with-azion/toolslocal-dev/local-dev.mdx
index 11a6367a78..2cc10820c4 100644
--- a/src/content/docs/en/pages/build-journey/develop-with-azion/toolslocal-dev/local-dev.mdx
+++ b/src/content/docs/en/pages/build-journey/develop-with-azion/toolslocal-dev/local-dev.mdx
@@ -11,9 +11,9 @@ meta_tags: >-
 namespace: documentation_dev_with_azion_local_dev
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/cli/dev-command/" label="Go to local dev command reference" severity="secondary" />
+<Button href="/en/documentation/products/cli/dev-command/" label="Go to local dev command reference" type="primary" theme="light" />
 
  
 In the rapidly evolving landscape of edge computing, the ability to develop and test applications locally is crucial for efficient and effective development workflows. 
diff --git a/src/content/docs/en/pages/build-journey/develop-with-azion/toolsterraform/terraform.mdx b/src/content/docs/en/pages/build-journey/develop-with-azion/toolsterraform/terraform.mdx
index ec5383f1d3..daa8d13194 100644
--- a/src/content/docs/en/pages/build-journey/develop-with-azion/toolsterraform/terraform.mdx
+++ b/src/content/docs/en/pages/build-journey/develop-with-azion/toolsterraform/terraform.mdx
@@ -9,9 +9,9 @@ namespace: documentation_dev_with_azion_terraform
 permalink: /documentation/products/build/develop-with-azion/terraform-provider/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/terraform-provider/" label="Go to azion terraform provider reference" severity="secondary" />
+<Button href="/en/documentation/products/terraform-provider/" label="Go to azion terraform provider reference" type="primary" theme="light" />
 
 **Azion Terraform Provider** is a powerful tool that seamlessly integrates with Terraform, the leading infrastructure as code (IaC) platform. 
 
diff --git a/src/content/docs/en/pages/build-journey/overview/overview.mdx b/src/content/docs/en/pages/build-journey/overview/overview.mdx
index efd3588d76..8963037be1 100644
--- a/src/content/docs/en/pages/build-journey/overview/overview.mdx
+++ b/src/content/docs/en/pages/build-journey/overview/overview.mdx
@@ -9,7 +9,7 @@ og_image: ''
 permalink: /documentation/products/guides/build/overview/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 The Azion Build products are your starting point for utilizing the power of edge computing in your applications.
 
@@ -19,7 +19,7 @@ The Azion Build products are your starting point for utilizing the power of edge
 
 When you [build an application](/en/documentation/products/start-with-a-template/), you determine the origin of your content and configure the domain that'll be used to deliver your application to end users. 
 
-<LinkButton link="/en/documentation/products/edge-application/" severity="secondary" label="Go to Applications documentation" />
+<Button href="/en/documentation/products/edge-application/" label="Go to Applications documentation" type="primary" theme="light" />
 
 Through the reverse proxy architecture, the edge processes user requests and maintains cached data, decentralizing object storage and optimizing the rates and efficiency of data transfer. This scalability allows you to adapt to increasing traffic demands without overloading your infrastructure, also reducing maintenance costs.
 
diff --git a/src/content/docs/en/pages/build-journey/troubleshooting/debug-apps.mdx b/src/content/docs/en/pages/build-journey/troubleshooting/debug-apps.mdx
index b3583644b1..bd1d2932bd 100644
--- a/src/content/docs/en/pages/build-journey/troubleshooting/debug-apps.mdx
+++ b/src/content/docs/en/pages/build-journey/troubleshooting/debug-apps.mdx
@@ -11,7 +11,7 @@ meta_tags: >-
 namespace: docs_build_debug_apps
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 The debugging process allows checking if the rules, messages, and variables you've created are working properly. When you constantly debug an application or an function, you improve your monitoring process and you're able to identify errors and then fix them.
 
@@ -20,15 +20,15 @@ The debugging process allows checking if the rules, messages, and variables you'
 
 To debug your application rules:
 
-<LinkButton link="/en/documentation/products/guides/debug-rules/" label="Debug rules created with rules engine" severity="secondary" /> <br></br>
+<Button href="/en/documentation/products/guides/debug-rules/" label="Debug rules created with rules engine" type="primary" theme="light" /> <br></br>
 
 ## Functions
 
 To debug your functions:
 
-<LinkButton link="/en/documentation/products/guides/debugging-functions-data-stream/" label="Debug functions on Data Stream" severity="secondary" /> <br></br>
+<Button href="/en/documentation/products/guides/debugging-functions-data-stream/" label="Debug functions on Data Stream" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/en/documentation/products/guides/debugging-functions-graphql/" label="Debug functions using graphql api" severity="secondary" /> <br></br>
+<Button href="/en/documentation/products/guides/debugging-functions-graphql/" label="Debug functions using graphql api" type="primary" theme="light" /> <br></br>
 
 
 
diff --git a/src/content/docs/en/pages/build-journey/troubleshooting/understanding-metrics.mdx b/src/content/docs/en/pages/build-journey/troubleshooting/understanding-metrics.mdx
index 200e089772..22806564d1 100644
--- a/src/content/docs/en/pages/build-journey/troubleshooting/understanding-metrics.mdx
+++ b/src/content/docs/en/pages/build-journey/troubleshooting/understanding-metrics.mdx
@@ -11,7 +11,7 @@ meta_tags: >-
 namespace: docs_build_understanding_metrics
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 After creating applications and functions, you can also count on [Observe](/en/documentation/products/observe/) products to monitor their behaviors and how they're performing.
 
@@ -23,21 +23,21 @@ After creating applications and functions, you can also count on [Observe](/en/d
 
 To monitor your applications performance, behaviors, and accesses:
 
-<LinkButton link="/en/documentation/products/observe/real-time-metrics/#edge-applications" label="View aggregated metrics" severity="secondary" /> <br></br>
+<Button href="/en/documentation/products/observe/real-time-metrics/#edge-applications" label="View aggregated metrics" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/en/documentation/devtools/graphql-api/features/#datasets" label="Query data" severity="secondary" /> <br></br>
+<Button href="/en/documentation/devtools/graphql-api/features/#datasets" label="Query data" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/en/documentation/products/observe/real-time-events/#edge-applications" label="View raw data" severity="secondary" /> 
+<Button href="/en/documentation/products/observe/real-time-events/#edge-applications" label="View raw data" type="primary" theme="light" /> 
 
 ## Functions
 
 To monitor your functions invocations, performance, and accesses:
 
-<LinkButton link="/en/documentation/products/observe/real-time-metrics/#edge-functions" label="View aggregated metrics" severity="secondary" /> <br></br>
+<Button href="/en/documentation/products/observe/real-time-metrics/#edge-functions" label="View aggregated metrics" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/en/documentation/devtools/graphql-api/features/#datasets" label="Query data" severity="secondary" /> <br></br>
+<Button href="/en/documentation/devtools/graphql-api/features/#datasets" label="Query data" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/en/documentation/products/observe/real-time-events/#edge-functions" label="View raw data" severity="secondary" />
+<Button href="/en/documentation/products/observe/real-time-events/#edge-functions" label="View raw data" type="primary" theme="light" />
 
 
 
diff --git a/src/content/docs/en/pages/build-journey/work-with-data/environment-variables.mdx b/src/content/docs/en/pages/build-journey/work-with-data/environment-variables.mdx
index acd6af438a..d409ff6a9d 100644
--- a/src/content/docs/en/pages/build-journey/work-with-data/environment-variables.mdx
+++ b/src/content/docs/en/pages/build-journey/work-with-data/environment-variables.mdx
@@ -11,9 +11,9 @@ meta_tags: >-
 namespace: documentation_build_data_env_vars
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/edge-application/edge-functions/runtime/api-reference/environment-variables/" label="Environment variables API reference" severity="secondary" />
+<Button href="/en/documentation/products/edge-application/edge-functions/runtime/api-reference/environment-variables/" label="Environment variables API reference" type="primary" theme="light" />
 
 
 Environment variables are a crucial aspect of software development and deployment. 
diff --git a/src/content/docs/en/pages/deploy-journey/advanced-config/explore-usage/explore-usage.mdx b/src/content/docs/en/pages/deploy-journey/advanced-config/explore-usage/explore-usage.mdx
index 549bd01dcc..fb6b6bfc7d 100644
--- a/src/content/docs/en/pages/deploy-journey/advanced-config/explore-usage/explore-usage.mdx
+++ b/src/content/docs/en/pages/deploy-journey/advanced-config/explore-usage/explore-usage.mdx
@@ -12,7 +12,7 @@ namespace: docs_deploy_explore_usage
 menu_namespace: deployMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Azion Orchestrator** works based on an agent. This agent is installed on your device, making your device, from this moment on, an edge node that [must be authorized](/en/documentation/products/guides/deploy/authorize-an-edge-node/) before starting the orchestration.
 
@@ -24,7 +24,7 @@ The list of commands includes:
 - Help with general commands.
 - Status of the execution of the agent.
 
-<LinkButton link="/en/documentation/products/deploy/edge-orchestrator/edge-node/#agent-commands-and-options" label="Go to Orchestrator agent's commands reference" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/deploy/edge-orchestrator/edge-node/#agent-commands-and-options" label="Go to Orchestrator agent" type="primary" theme="light" target="_blank" />
 
 You can [check logs](/en/documentation/products/guides/deploy/watch-logs/) related to the edge nodes execution by accessing the file `/var/log/azion/edge-orchestrator.log` and edge services logs in `/var/log/azion/edge-services.log`.
 
diff --git a/src/content/docs/en/pages/deploy-journey/advanced-config/run-scripts/run-scripts.mdx b/src/content/docs/en/pages/deploy-journey/advanced-config/run-scripts/run-scripts.mdx
index 825efcbdea..f589fec50a 100644
--- a/src/content/docs/en/pages/deploy-journey/advanced-config/run-scripts/run-scripts.mdx
+++ b/src/content/docs/en/pages/deploy-journey/advanced-config/run-scripts/run-scripts.mdx
@@ -12,7 +12,7 @@ namespace: docs_deploy_run_scripts_edge_node
 menu_namespace: deployMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 import Code from '~/components/Code/Code.astro'
 
@@ -28,8 +28,8 @@ This guide presents how to install [Azion CLI](/en/documentation/products/azion-
 - An edge node with **Orchestrator Agent** installed and authorized.
 - The Dpkg package manager installed on this node.
 
-<LinkButton link="/en/documentation/products/guides/deploy/install-orchestrator-agent/" label="Go to how to install Orchestrator agent" severity="secondary" target="_blank" />
-<LinkButton link="/en/documentation/products/guides/deploy/authorize-an-edge-node/" label="Go to how to authorize an edge node" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/guides/deploy/install-orchestrator-agent/" label="Go to how to install Orchestrator agent" type="primary" theme="light" target="_blank" />
+<Button href="/en/documentation/products/guides/deploy/authorize-an-edge-node/" label="Go to how to authorize an edge node" type="primary" theme="light" target="_blank" />
 
 :::note
 You can find the download links to the respective architectures on [Azion CLI's releases page](https://github.com/aziontech/azion/releases). You must choose the correct download link based on the architecture of your edge node and replace the `BINARY_URL` in the script with the correct URL.
diff --git a/src/content/docs/en/pages/deploy-journey/automate/api/automate-api.mdx b/src/content/docs/en/pages/deploy-journey/automate/api/automate-api.mdx
index 0f3f0ed89e..25cec934e1 100644
--- a/src/content/docs/en/pages/deploy-journey/automate/api/automate-api.mdx
+++ b/src/content/docs/en/pages/deploy-journey/automate/api/automate-api.mdx
@@ -11,12 +11,12 @@ namespace: docs_deploy_automate_azion_api
 menu_namespace: deployMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Azion provides API documentation focused on the developer experience, shortening the gap between theory and execution when it comes to automating the management of Azion products and resources.
 
-<LinkButton link="https://api.azion.com/#75d2b32f-fb8a-47d8-bbbd-32c2e8650ba4" label="Edge nodes api" severity="secondary" />
-<LinkButton link="https://api.azion.com/#bf784c09-a9f6-4b95-bd4d-1b8cb4fc017e" label="Edge services api" severity="secondary" />
+<Button href="https://api.azion.com/#75d2b32f-fb8a-47d8-bbbd-32c2e8650ba4" label="Edge nodes api" type="primary" theme="light" />
+<Button href="https://api.azion.com/#bf784c09-a9f6-4b95-bd4d-1b8cb4fc017e" label="Edge services api" type="primary" theme="light" />
 
 
 Check the [Azion API documentation](https://api.azion.com/) and the [OpenAPI specification](https://github.com/aziontech/azionapi-openapi/) to know more about all features available via API.
diff --git a/src/content/docs/en/pages/deploy-journey/automate/zero-touch-provisioning/zero-touch-provisioning.mdx b/src/content/docs/en/pages/deploy-journey/automate/zero-touch-provisioning/zero-touch-provisioning.mdx
index 3e050aeefa..d475052815 100644
--- a/src/content/docs/en/pages/deploy-journey/automate/zero-touch-provisioning/zero-touch-provisioning.mdx
+++ b/src/content/docs/en/pages/deploy-journey/automate/zero-touch-provisioning/zero-touch-provisioning.mdx
@@ -12,12 +12,12 @@ namespace: docs_deploy_automate_zero_touch_provisioning
 menu_namespace: deployMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 [Azion Orchestrator](/en/documentation/products/deploy/edge-orchestrator/) is a programmable and extensible cloud-management and *zero-touch provisioning* orchestration service purposely built for edge infrastructures and applications.
 
-<LinkButton link="/en/documentation/products/guides/deploy/install-orchestrator-agent/" label="Go to how to install Orchestrator agent" severity="secondary" target="_blank" />
-<LinkButton link="/en/documentation/products/guides/deploy/authorize-an-edge-node/" label="Go to how to authorize an edge node" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/guides/deploy/install-orchestrator-agent/" label="Go to how to install Orchestrator agent" type="primary" theme="light" target="_blank" />
+<Button href="/en/documentation/products/guides/deploy/authorize-an-edge-node/" label="Go to how to authorize an edge node" type="primary" theme="light" target="_blank" />
 
 ---
 
diff --git a/src/content/docs/en/pages/deploy-journey/configure-node/authorize-node/authorize-node.mdx b/src/content/docs/en/pages/deploy-journey/configure-node/authorize-node/authorize-node.mdx
index 0542f63dca..7efa3c11f0 100644
--- a/src/content/docs/en/pages/deploy-journey/configure-node/authorize-node/authorize-node.mdx
+++ b/src/content/docs/en/pages/deploy-journey/configure-node/authorize-node/authorize-node.mdx
@@ -11,7 +11,7 @@ namespace: docs_deploy_authorize_node
 menu_namespace: deployMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 
 
@@ -20,7 +20,7 @@ If you've already installed [Azion Orchestrator Agent](/en/documentation/product
 - [Azion Console](/en/documentation/products/guides/how-to-access-azion-console/)
 - [Azion API](https://api.azion.com)
 
-<LinkButton link="/en/documentation/products/guides/deploy/install-orchestrator-agent/" label="Go to install Orchestrator agent" severity="secondary" />
+<Button href="/en/documentation/products/guides/deploy/install-orchestrator-agent/" label="Go to install Orchestrator agent" type="primary" theme="light" />
 
 <Tabs client:visible>
     <Fragment slot="tab.console">Console</Fragment>
diff --git a/src/content/docs/en/pages/deploy-journey/configure-node/bind-service/bind-service.mdx b/src/content/docs/en/pages/deploy-journey/configure-node/bind-service/bind-service.mdx
index 99fca65db5..1f8808c8db 100644
--- a/src/content/docs/en/pages/deploy-journey/configure-node/bind-service/bind-service.mdx
+++ b/src/content/docs/en/pages/deploy-journey/configure-node/bind-service/bind-service.mdx
@@ -12,13 +12,13 @@ namespace: docs_deploy_bind_service
 menu_namespace: deployMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 
 
 **Edge Services** allows orchestrated services to be managed on your own edge nodes. To do so, you must have an edge service created and to bind it to an edge node.
 
-<LinkButton link="/en/documentation/products/guides/deploy/create-edge-service/" label="Go to how to create an edge service" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/guides/deploy/create-edge-service/" label="Go to how to create an edge service" type="primary" theme="light" target="_blank" />
 
 You can create a relation between an edge node and an edge service using:
 
diff --git a/src/content/docs/en/pages/deploy-journey/configure-node/install-orch-agent/install-orch-agent.mdx b/src/content/docs/en/pages/deploy-journey/configure-node/install-orch-agent/install-orch-agent.mdx
index b61394ea84..f647073e2f 100644
--- a/src/content/docs/en/pages/deploy-journey/configure-node/install-orch-agent/install-orch-agent.mdx
+++ b/src/content/docs/en/pages/deploy-journey/configure-node/install-orch-agent/install-orch-agent.mdx
@@ -11,14 +11,14 @@ namespace: docs_deploy_install_agent
 menu_namespace: deployMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 :::note
 Before installing the agent, it's necessary to generate a personal token.
 :::
 
-<LinkButton link="/en/documentation/products/guides/personal-tokens/" label="go to how to generate a personal token" severity="secondary" />
-<LinkButton link="/en/documentation/products/accounts/personal-tokens/" label="go to Personal Token reference documentation" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/guides/personal-tokens/" label="go to how to generate a personal token" type="primary" theme="light" />
+<Button href="/en/documentation/products/accounts/personal-tokens/" label="go to Personal Token reference documentation" type="primary" theme="light" target="_blank" />
 
 To begin the **Edge Node** installation process, you must download the **Orchestrator** installation binary of your choice.
 
diff --git a/src/content/docs/en/pages/deploy-journey/configure-node/provision-files/provision-file.mdx b/src/content/docs/en/pages/deploy-journey/configure-node/provision-files/provision-file.mdx
index c9d09b54bd..4010cc9f3f 100644
--- a/src/content/docs/en/pages/deploy-journey/configure-node/provision-files/provision-file.mdx
+++ b/src/content/docs/en/pages/deploy-journey/configure-node/provision-files/provision-file.mdx
@@ -91,6 +91,6 @@ Check the [Azion API documentation](https://api.azion.com/) and the [OpenAPI spe
 
 </Tabs>
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/deploy/work-with-variables/" label="Go to Work with Variables Guide" severity="secondary" target="_blank" />
\ No newline at end of file
+<Button href="/en/documentation/products/guides/deploy/work-with-variables/" label="Go to Work with Variables Guide" type="primary" theme="light" target="_blank" />
\ No newline at end of file
diff --git a/src/content/docs/en/pages/deploy-journey/configure-node/watch-logs/watch-logs.mdx b/src/content/docs/en/pages/deploy-journey/configure-node/watch-logs/watch-logs.mdx
index b68d7b657e..22761c3a17 100644
--- a/src/content/docs/en/pages/deploy-journey/configure-node/watch-logs/watch-logs.mdx
+++ b/src/content/docs/en/pages/deploy-journey/configure-node/watch-logs/watch-logs.mdx
@@ -11,7 +11,7 @@ namespace: docs_deploy_watch_logs
 menu_namespace: deployMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 After the installation of **Orchestrator Agent**, you can check the [edge node's logs](#checking-an-edge-nodes-logs) and the [edge services triggers' logs](#checking-edge-services-logs).
 
@@ -51,6 +51,6 @@ sudo vim /var/log/azion/edge-services.log
 
 This command outputs the logs related to the edge node in specific, presenting the logs of the install, update, and delete triggers configured inside the edge services bound to the edge node.
 
-<LinkButton link="/en/documentation/products/guides/deploy/advanced/run-scripts/" label="go to how to run scripts" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/guides/deploy/advanced/run-scripts/" label="go to how to run scripts" type="primary" theme="light" target="_blank" />
 
 
diff --git a/src/content/docs/en/pages/deploy-journey/deploy-service/deploy-service.mdx b/src/content/docs/en/pages/deploy-journey/deploy-service/deploy-service.mdx
index f41e2ce1ac..3f8db9112a 100644
--- a/src/content/docs/en/pages/deploy-journey/deploy-service/deploy-service.mdx
+++ b/src/content/docs/en/pages/deploy-journey/deploy-service/deploy-service.mdx
@@ -13,7 +13,7 @@ namespace: docs_deploy_deploy_service
 menu_namespace: deployMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 
 **Orchestrator** allows you to manage and control edge resources in real time, including the deployment, update, and management of various services and resources.
@@ -27,7 +27,7 @@ Azion provides two ways to manage edge nodes, edge services, and resources:
 The creation of an edge node occurs directly on the devices when the [Orchestrator Agent](/en/documentation/products/guides/deploy/install-orchestrator-agent/) is installed on them.
 :::
 
-<LinkButton link="/en/documentation/products/guides/deploy/install-orchestrator-agent/" label="go to install Orchestrator agent" severity="secondary" />
+<Button href="/en/documentation/products/guides/deploy/install-orchestrator-agent/" label="go to install Orchestrator agent" type="primary" theme="light" />
 
 ---
 
@@ -35,7 +35,7 @@ The creation of an edge node occurs directly on the devices when the [Orchestrat
 
 To create an edge service, you need to give it an easy-to-remember name.
 
-<LinkButton link="/en/documentation/products/guides/deploy/create-edge-service/" label="go to how to create an edge service" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/guides/deploy/create-edge-service/" label="go to how to create an edge service" type="primary" theme="light" target="_blank" />
 
 ---
 
@@ -49,7 +49,7 @@ To create a resource, you need to:
 - Choose the `content-type` of the resource. Example: `text` and `shell-script`.
 - Add the content of the resource.
 
-<LinkButton link="/en/documentation/products/guides/deploy/provision-files/" label="go to how to provision files" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/guides/deploy/provision-files/" label="go to how to provision files" type="primary" theme="light" target="_blank" />
 
 ---
 
@@ -63,7 +63,7 @@ To do so:
 - Add a description.
 - Set the expiration date for the token.
 
-<LinkButton link="/en/documentation/products/guides/personal-tokens/" label="go to generate a personal token" severity="secondary" />
+<Button href="/en/documentation/products/guides/personal-tokens/" label="go to generate a personal token" type="primary" theme="light" />
 
 ---
 
@@ -72,7 +72,7 @@ To do so:
 With the personal token created, download and install the Orchestrator agent:
 
 
-<LinkButton link="/en/documentation/products/guides/deploy/install-orchestrator-agent/" label="go to how to install Orchestrator Agent" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/guides/deploy/install-orchestrator-agent/" label="go to how to install Orchestrator Agent" type="primary" theme="light" target="_blank" />
 
 ---
 
@@ -82,9 +82,9 @@ With the Orchestrator Agent installed on the device:
 
 - Authorize the edge node.
 
-<LinkButton link="/en/documentation/products/guides/deploy/authorize-an-edge-node/" label="go to how to authorize an edge node" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/guides/deploy/authorize-an-edge-node/" label="go to how to authorize an edge node" type="primary" theme="light" target="_blank" />
 <br/>
-<LinkButton link="/en/documentation/products/deploy/edge-orchestrator/edge-node/" label="go to Edge Node reference documentation" severity="secondary" />
+<Button href="/en/documentation/products/deploy/edge-orchestrator/edge-node/" label="go to Edge Node reference documentation" type="primary" theme="light" />
 
 ---
 
@@ -94,6 +94,6 @@ Now, with the edge node created and authorized, you must bind it with an edge se
 
 - Create a relation between edge service and edge node.
 
-<LinkButton link="/en/documentation/products/guides/deploy/bind-service-node/" label="how to bind an edge service to an edge node" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/guides/deploy/bind-service-node/" label="how to bind an edge service to an edge node" type="primary" theme="light" target="_blank" />
 
 Once this relation is in place, when an update is triggered on the edge services, it'll be deployed to all nodes related to this service in particular.
diff --git a/src/content/docs/en/pages/deploy-journey/overview/overview.mdx b/src/content/docs/en/pages/deploy-journey/overview/overview.mdx
index c9d18d5a24..c4e14463e4 100644
--- a/src/content/docs/en/pages/deploy-journey/overview/overview.mdx
+++ b/src/content/docs/en/pages/deploy-journey/overview/overview.mdx
@@ -10,7 +10,7 @@ og_image: ''
 permalink: /documentation/products/deploy/overview/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Azion **Deploy** products are designed to enhance the efficiency of managing edge resources in real time.  
 
@@ -26,8 +26,8 @@ An Azion Orchestrator agent is installed on edge nodes and provides end-to-end e
 When the Azion Orchestrator Agent is installed on a device and the device is authorized, it now represents an edge node. A service can be linked to many edge nodes. When a service is updated, it'll automatically be deployed to the edge nodes to which it's related.
 :::
 
-<LinkButton link="/en/documentation/products/deploy/edge-orchestrator/" label="go to Orchestrator reference documentation" severity="secondary" target="_blank" />
-<LinkButton link="/en/documentation/products/guides/deploy/install-orchestrator-agent/" label="go to how to install Orchestrator Agent" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/deploy/edge-orchestrator/" label="go to Orchestrator reference documentation" type="primary" theme="light" target="_blank" />
+<Button href="/en/documentation/products/guides/deploy/install-orchestrator-agent/" label="go to how to install Orchestrator Agent" type="primary" theme="light" target="_blank" />
 
 
 ### Edge Services
@@ -36,8 +36,8 @@ When the Azion Orchestrator Agent is installed on a device and the device is aut
 
 It allows configuration of install, uninstall, and reload triggers, and definition of resource dependencies for edge network service execution.
 
-<LinkButton link="/en/documentation/products/deploy/edge-orchestrator/edge-services/" label="go to edge services reference documentation" severity="secondary" target="_blank" />
-<LinkButton link="/en/documentation/products/guides/deploy/create-edge-service/" label="go to how to create an edge service" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/deploy/edge-orchestrator/edge-services/" label="go to edge services reference documentation" type="primary" theme="light" target="_blank" />
+<Button href="/en/documentation/products/guides/deploy/create-edge-service/" label="go to how to create an edge service" type="primary" theme="light" target="_blank" />
 
 ### Edge Nodes
 
@@ -45,6 +45,6 @@ An edge node is a device that has Azion Orchestrator Agent installed and enables
 
 Orchestrator allows customers to manage their own edge nodes, independent of the Azion distributed network. To start provisioning applications, it's essential to configure edge nodes.
 
-<LinkButton link="/en/documentation/products/deploy/edge-orchestrator/edge-node/" label="go to edge node reference documentation" severity="secondary" target="_blank" />
-<LinkButton link="/en/documentation/products/guides/deploy/authorize-an-edge-node/" label="go to how to authorize an edge node" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/deploy/edge-orchestrator/edge-node/" label="go to edge node reference documentation" type="primary" theme="light" target="_blank" />
+<Button href="/en/documentation/products/guides/deploy/authorize-an-edge-node/" label="go to how to authorize an edge node" type="primary" theme="light" target="_blank" />
 
diff --git a/src/content/docs/en/pages/devtools/api-graphql/features/features.mdx b/src/content/docs/en/pages/devtools/api-graphql/features/features.mdx
index 5cdcf8b46a..e37bd3cfd3 100644
--- a/src/content/docs/en/pages/devtools/api-graphql/features/features.mdx
+++ b/src/content/docs/en/pages/devtools/api-graphql/features/features.mdx
@@ -13,7 +13,7 @@ namespace: documentation_graphql_features
 menu_namespace: graphqlMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag'
 
 **GraphQL** features consist of **datasets**, **filtering**, **sorting**, and **pagination**. The features provide easy access to your data, and using and combining the available features creates more personalized and specific queries to request the exact information you need.
@@ -52,7 +52,7 @@ Four datasets are deprecated and were replaced by other datsets:
 | botManagerMetrics | Query the number of requests evaluated and the actions performed by [Azion Bot Manager](/en/documentation/products/guides/query-bot-manager-data-with-graphql/) (if subscribed) |
 | botManagerBreakdownMetrics | Query the URLs most impacted by bad bots, according to [Azion Bot Manager](/en/documentation/products/guides/query-bot-manager-breakdown-data-with-graphql/) data (if subscribed) |
 
-<LinkButton link="/en/documentation/devtools/graphql-api/features/gql-real-time-metrics-fields/" label="Go to Real-Time Metrics GraphQL API fields descriptions" severity="secondary" />
+<Button href="/en/documentation/devtools/graphql-api/features/gql-real-time-metrics-fields/" label="Go to Real-Time Metrics GraphQL API fields descriptions" type="primary" theme="light" />
 
 ### Real-Time Events GraphQL API
 
@@ -69,7 +69,7 @@ Four datasets are deprecated and were replaced by other datsets:
 | telemetryDeviceInfoEvents | Events related to the device being used for access and recorded by **Azion Mobile SDK**, both at the hardware and software levels. |
 | telemetrySensorsEvents | Events related to the device's sensors recorded by **Azion Mobile SDK**, such as touchscreen interactions and gyroscope information. |
 
-<LinkButton link="/en/documentation/devtools/graphql-api/features/gql-real-time-events-fields/" label="Go to Real-Time Events GraphQL API fields descriptions" severity="secondary" />
+<Button href="/en/documentation/devtools/graphql-api/features/gql-real-time-events-fields/" label="Go to Real-Time Events GraphQL API fields descriptions" type="primary" theme="light" />
 
 ### Billing GraphQL API
 
@@ -82,7 +82,7 @@ The Billing GraphQL API is only available for *Online Sales* accounts.
 | balanceFinancialEntry | Logs regarding types of financial entries and monetary values |
 | paymentsClientDebt | Logs regarding client's debts and payments and monetary values |
 
-<LinkButton link="/en/documentation/devtools/graphql-api/features/gql-billing-fields/" label="Go to Billing GraphQL API fields descriptions" severity="secondary" />
+<Button href="/en/documentation/devtools/graphql-api/features/gql-billing-fields/" label="Go to Billing GraphQL API fields descriptions" type="primary" theme="light" />
 
 ### Accounting GraphQL API
 
@@ -90,7 +90,7 @@ The Billing GraphQL API is only available for *Online Sales* accounts.
 | ------- | ----------- |
 | accountingDetail | Logs regarding accounted data for products and its metrics |
 
-<LinkButton link="/en/documentation/devtools/graphql-api/features/gql-accounting-fields/" label="Go to Accounting GraphQL API fields descriptions" severity="secondary" />
+<Button href="/en/documentation/devtools/graphql-api/features/gql-accounting-fields/" label="Go to Accounting GraphQL API fields descriptions" type="primary" theme="light" />
 
 ### Consumption GraphQL API
 
@@ -98,7 +98,7 @@ The Billing GraphQL API is only available for *Online Sales* accounts.
 | ------- | ----------- |
 | `workloadConsumptionMetrics` | Logs regarding accounted data for products usage and their metrics. |
 
-<LinkButton link="/en/documentation/devtools/graphql-api/features/gql-consumption-fields/" label="Go to Consumption GraphQL API fields descriptions" severity="secondary" />
+<Button href="/en/documentation/devtools/graphql-api/features/gql-consumption-fields/" label="Go to Consumption GraphQL API fields descriptions" type="primary" theme="light" />
 
 ---
 
@@ -108,11 +108,11 @@ You can also run an **Introspection Query** to consult metadata on the Metrics a
 
 You can request both the *raw* model, using the **Events** datasets, and the *aggregated* model, using the **Metrics** datasets.
 
-<LinkButton link="/en/documentation/devtools/graphql-api/queries/#raw-data" label="go to raw queries reference" severity="secondary" /> <br></br>
+<Button href="/en/documentation/devtools/graphql-api/queries/#raw-data" label="go to raw queries reference" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/en/documentation/devtools/graphql-api/queries/#aggregated-data" label="go to aggregated queries reference" severity="secondary" /> <br></br>
+<Button href="/en/documentation/devtools/graphql-api/queries/#aggregated-data" label="go to aggregated queries reference" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/en/documentation/products/guides/graphql-aggregated-data/" label="go to How to query aggregated data guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/graphql-aggregated-data/" label="go to How to query aggregated data guide" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/devtools/api-graphql/overview/overview.mdx b/src/content/docs/en/pages/devtools/api-graphql/overview/overview.mdx
index 0c9844f439..484c95f2e7 100644
--- a/src/content/docs/en/pages/devtools/api-graphql/overview/overview.mdx
+++ b/src/content/docs/en/pages/devtools/api-graphql/overview/overview.mdx
@@ -11,7 +11,7 @@ permalink: /documentation/devtools/graphql-api/overview/
 menu_namespace: graphqlMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Graphic Query Language (GraphQL)** is a language created for use with APIs. It works as an alternative to REST APIs, allowing you to get data according to your needs. GraphQL gives you autonomy to request the data you want and receive exactly what you asked for through a JSON result.
 
@@ -22,7 +22,7 @@ You can use the two Azion GraphQL APIs to perform a logpull of your data and max
 - [Real-Time Metrics GraphQL API](/en/documentation/products/observe/real-time-metrics/), which provides aggregated metrics in real time.
 - [Real-Time Events GraphQL API](/en/documentation/products/observe/real-time-events/), which provides raw logs in real time.
 
-<LinkButton link="/en/documentation/devtools/graphql-api/queries/" label="more on aggregated and raw data" />
+<Button href="/en/documentation/devtools/graphql-api/queries/" label="more on aggregated and raw data" type="primary" theme="light" />
 
 You can also use the financial GraphQL APIs:
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/api-reference/edge-sql/edge-sql.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/api-reference/edge-sql/edge-sql.mdx
index a5f033f395..89cd9ea423 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/api-reference/edge-sql/edge-sql.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/api-reference/edge-sql/edge-sql.mdx
@@ -11,9 +11,9 @@ menu_namespace: runtimeMenu
 
 The **SQL Database API** provides an interface for interacting with an [SQL Database](/en/documentation/products/store/edge-sql/) database from Functions running on the Azion Web Platform. This document outlines the key components of the API and provides code samples for each.
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/store/sql-database/" label="go to SQL Database reference" severity="secondary" />
+<Button href="/en/documentation/products/store/sql-database/" label="go to SQL Database reference" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/angular.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/angular.mdx
index d178276555..4787ee4fdf 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/angular.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/angular.mdx
@@ -11,7 +11,7 @@ namespace: documentation_products_runtime_frameworks_angular
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 ## About Angular
 
@@ -32,9 +32,9 @@ You can deploy your Angular project either by using our ready to deploy template
 
 | Template name | Use case | Details |
 |:-------------|:---------|:-----|
-| Angular Boilerplate | Starter project | <LinkButton link="/en/documentation/products/templates/angular-boilerplate/" label="Learn more" severity="secondary" /> |
-| ButterCMS + Angular Starter Project | Starter Project | <LinkButton link="/en/documentation/products/templates/angular-buttercms/" label="Learn more" severity="secondary" /> |
-| Clean Angular + Sanity app | Starter Project | <LinkButton link="/en/documentation/products/templates/angular-sanity/" label="Learn more" severity="secondary" /> |
+| Angular Boilerplate | Starter project | <Button href="/en/documentation/products/templates/angular-boilerplate/" label="Learn more" type="primary" theme="light" /> |
+| ButterCMS + Angular Starter Project | Starter Project | <Button href="/en/documentation/products/templates/angular-buttercms/" label="Learn more" type="primary" theme="light" /> |
+| Clean Angular + Sanity app | Starter Project | <Button href="/en/documentation/products/templates/angular-sanity/" label="Learn more" type="primary" theme="light" /> |
 
 
 ### Deploying a template using Azion Console
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/astro.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/astro.mdx
index cf3cbd6cf5..231730477d 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/astro.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/astro.mdx
@@ -11,7 +11,7 @@ namespace: documentation_products_runtime_frameworks_astro
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 
 ## About Astro
@@ -34,34 +34,34 @@ You can deploy your Astro project either by using our ready to deploy templates
 
 | Template name | Use case | Details |
 |:-------------|:---------|:-----|
-| Astro Audiophile | E-commerce | <LinkButton link="/en/documentation/products/templates/astro-audiophile/" label="Learn more" severity="secondary" /> |
-| Astro Boilerplate | Starter project | <LinkButton link="/en/documentation/products/templates/astro-boilerplate/" label="Learn more" severity="secondary" /> |
-| Astro Blog Starter Kit | Blog creation | <LinkButton link="/en/documentation/products/templates/astro-blog-starter-kit/" label="Learn more" severity="secondary" /> |
-| Astro Ecommerce | E-commerce platform | <LinkButton link="/en/documentation/products/templates/astro-ecommerce/" label="Learn more" severity="secondary" /> |
-| Astro with Framework Alpine | Starter project | <LinkButton link="/en/documentation/products/templates/astro-alpine/" label="Learn more" severity="secondary" /> |
-| Astro with Framework Lit | Starter project | <LinkButton link="/en/documentation/products/templates/astro-lit/" label="Learn more" severity="secondary" /> |
-| Astro with Multiple Frameworks | Starter project | <LinkButton link="/en/documentation/products/templates/astro-multiple-frameworks/" label="Learn more" severity="secondary" /> |
-| Astro with Framework Preact | Starter project | <LinkButton link="/en/documentation/products/templates/astro-preact/" label="Learn more" severity="secondary" /> |
-| Astro with Framework React | Starter project | <LinkButton link="/en/documentation/products/templates/astro-react/" label="Learn more" severity="secondary" /> |
-| Astro with Framework Solid | Starter project | <LinkButton link="/en/documentation/products/templates/astro-solid/" label="Learn more" severity="secondary" /> |
-| Astro with Framework Svelte | Starter project | <LinkButton link="/en/documentation/products/templates/astro-svelte/" label="Learn more" severity="secondary" /> |
-| Astro with Framework Vue | Starter project | <LinkButton link="/en/documentation/products/templates/astro-vue/" label="Learn more" severity="secondary" /> |
-| Astro Minimal | Starter project | <LinkButton link="/en/documentation/products/templates/astro-minimal/" label="Learn more" severity="secondary" /> |
-| Astro with Non-HTML Pages | Non-HTML content | <LinkButton link="/en/documentation/products/templates/astro-non-html/" label="Learn more" severity="secondary" /> |
-| Astro Portfolio | Portfolio website | <LinkButton link="/en/documentation/products/templates/astro-portfolio/" label="Learn more" severity="secondary" /> |
-| Astro Quickstore | E-commerce | <LinkButton link="/en/documentation/products/templates/astro-quickstore/" label="Learn more" severity="secondary" /> |
-| Astro Starlog | Poject Release notes | <LinkButton link="/en/documentation/products/templates/astro-starlog/" label="Learn more" severity="secondary" /> |
-| Astro with Markdoc | Starter project | <LinkButton link="/en/documentation/products/templates/astro-markdoc/" label="Learn more" severity="secondary" /> |
-| Astro Markdown with Plugins | Starter project | <LinkButton link="/en/documentation/products/templates/astro-markdown-with-plugins/" label="Learn more" severity="secondary" /> |
-| Astro Markdown with Shiki | Code demo | <LinkButton link="/en/documentation/products/templates/astro-markdown-with-shiki/" label="Learn more" severity="secondary" /> |
-| Astro with MDX | Starter project | <LinkButton link="/en/documentation/products/templates/astro-mdx/" label="Learn more" severity="secondary" /> |
-| Astro with Nano Stores | E-commerce | <LinkButton link="/en/documentation/products/templates/astro-nanostores/" label="Learn more" severity="secondary" /> |
-| Astro with Tailwind CSS | Tailwind integration | <LinkButton link="/en/documentation/products/templates/astro-tailwind/" label="Learn more" severity="secondary" /> |
-| Astro with Vitest | Starter project | <LinkButton link="/en/documentation/products/templates/astro-vitest/" label="Learn more" severity="secondary" /> |
-| Cosmic - Simple Astro Blog | Blog | <LinkButton link="/en/documentation/products/templates/astro-cosmic-blog/" label="Learn more" severity="secondary" /> |
-| Devscard | Developer portfolio | <LinkButton link="/en/documentation/products/templates/astro-devscard/" label="Learn more" severity="secondary" /> |
-| Clean Astro App with Sanity | CMS integration | <LinkButton link="/en/documentation/products/templates/astro-sanity/" label="Learn more" severity="secondary" /> |
-| Webpage to PDF Resume | Resume generator | <LinkButton link="/en/documentation/products/templates/astro-pdf-resume/" label="Learn more" severity="secondary" /> |
+| Astro Audiophile | E-commerce | <Button href="/en/documentation/products/templates/astro-audiophile/" label="Learn more" type="primary" theme="light" /> |
+| Astro Boilerplate | Starter project | <Button href="/en/documentation/products/templates/astro-boilerplate/" label="Learn more" type="primary" theme="light" /> |
+| Astro Blog Starter Kit | Blog creation | <Button href="/en/documentation/products/templates/astro-blog-starter-kit/" label="Learn more" type="primary" theme="light" /> |
+| Astro Ecommerce | E-commerce platform | <Button href="/en/documentation/products/templates/astro-ecommerce/" label="Learn more" type="primary" theme="light" /> |
+| Astro with Framework Alpine | Starter project | <Button href="/en/documentation/products/templates/astro-alpine/" label="Learn more" type="primary" theme="light" /> |
+| Astro with Framework Lit | Starter project | <Button href="/en/documentation/products/templates/astro-lit/" label="Learn more" type="primary" theme="light" /> |
+| Astro with Multiple Frameworks | Starter project | <Button href="/en/documentation/products/templates/astro-multiple-frameworks/" label="Learn more" type="primary" theme="light" /> |
+| Astro with Framework Preact | Starter project | <Button href="/en/documentation/products/templates/astro-preact/" label="Learn more" type="primary" theme="light" /> |
+| Astro with Framework React | Starter project | <Button href="/en/documentation/products/templates/astro-react/" label="Learn more" type="primary" theme="light" /> |
+| Astro with Framework Solid | Starter project | <Button href="/en/documentation/products/templates/astro-solid/" label="Learn more" type="primary" theme="light" /> |
+| Astro with Framework Svelte | Starter project | <Button href="/en/documentation/products/templates/astro-svelte/" label="Learn more" type="primary" theme="light" /> |
+| Astro with Framework Vue | Starter project | <Button href="/en/documentation/products/templates/astro-vue/" label="Learn more" type="primary" theme="light" /> |
+| Astro Minimal | Starter project | <Button href="/en/documentation/products/templates/astro-minimal/" label="Learn more" type="primary" theme="light" /> |
+| Astro with Non-HTML Pages | Non-HTML content | <Button href="/en/documentation/products/templates/astro-non-html/" label="Learn more" type="primary" theme="light" /> |
+| Astro Portfolio | Portfolio website | <Button href="/en/documentation/products/templates/astro-portfolio/" label="Learn more" type="primary" theme="light" /> |
+| Astro Quickstore | E-commerce | <Button href="/en/documentation/products/templates/astro-quickstore/" label="Learn more" type="primary" theme="light" /> |
+| Astro Starlog | Poject Release notes | <Button href="/en/documentation/products/templates/astro-starlog/" label="Learn more" type="primary" theme="light" /> |
+| Astro with Markdoc | Starter project | <Button href="/en/documentation/products/templates/astro-markdoc/" label="Learn more" type="primary" theme="light" /> |
+| Astro Markdown with Plugins | Starter project | <Button href="/en/documentation/products/templates/astro-markdown-with-plugins/" label="Learn more" type="primary" theme="light" /> |
+| Astro Markdown with Shiki | Code demo | <Button href="/en/documentation/products/templates/astro-markdown-with-shiki/" label="Learn more" type="primary" theme="light" /> |
+| Astro with MDX | Starter project | <Button href="/en/documentation/products/templates/astro-mdx/" label="Learn more" type="primary" theme="light" /> |
+| Astro with Nano Stores | E-commerce | <Button href="/en/documentation/products/templates/astro-nanostores/" label="Learn more" type="primary" theme="light" /> |
+| Astro with Tailwind CSS | Tailwind integration | <Button href="/en/documentation/products/templates/astro-tailwind/" label="Learn more" type="primary" theme="light" /> |
+| Astro with Vitest | Starter project | <Button href="/en/documentation/products/templates/astro-vitest/" label="Learn more" type="primary" theme="light" /> |
+| Cosmic - Simple Astro Blog | Blog | <Button href="/en/documentation/products/templates/astro-cosmic-blog/" label="Learn more" type="primary" theme="light" /> |
+| Devscard | Developer portfolio | <Button href="/en/documentation/products/templates/astro-devscard/" label="Learn more" type="primary" theme="light" /> |
+| Clean Astro App with Sanity | CMS integration | <Button href="/en/documentation/products/templates/astro-sanity/" label="Learn more" type="primary" theme="light" /> |
+| Webpage to PDF Resume | Resume generator | <Button href="/en/documentation/products/templates/astro-pdf-resume/" label="Learn more" type="primary" theme="light" /> |
 
 ### Deploying a template using Azion Console
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/frameworks.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/frameworks.mdx
index e51a45be05..cba049e2be 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/frameworks.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/frameworks.mdx
@@ -11,7 +11,7 @@ namespace: documentation_products_runtime_frameworks
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag';
 
 
@@ -136,7 +136,7 @@ Implementation:
 <Tag severity="info" client:only="vue" value="Compute" />
 <br />
 <br />
-<LinkButton link="/en/documentation/devtools/azion-edge-runtime/compatibility/nextjs/" label="Go to Azion and Next.js compatibility docs" severity="secondary"  target="_blank" />
+<Button href="/en/documentation/devtools/azion-edge-runtime/compatibility/nextjs/" label="Go to Azion and Next.js compatibility docs" type="primary" theme="light" target="_blank" />
 ---
 
 ## Nuxt 3
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/gatsby.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/gatsby.mdx
index 1140068df9..1860391a3c 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/gatsby.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/gatsby.mdx
@@ -10,7 +10,7 @@ namespace: documentation_products_runtime_frameworks_gatsby
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 ## About Gatsby
 
@@ -31,10 +31,10 @@ You can deploy your Gatsby project either by using our ready to deploy templates
 
 | Template name | Use case | Details |
 |:-------------|:---------|:-----|
-| ButterCMS + Gatsby Starter Project | E-commerce | <LinkButton link="/en/documentation/products/templates/gatsby-butter-starter/" label="Learn more" severity="secondary" /> |
-| Gatsby Blog Starter Kit| Starter project | <LinkButton link="/en/documentation/products/templates/gatsby-blog/" label="Learn more" severity="secondary" /> |
-| Gatsby Ecommerce Theme | Blog creation | <LinkButton link="/en/documentation/products/templates/gatsby-ecommerce/" label="Learn more" severity="secondary" /> |
-| Gatsby Boilerplate| E-commerce platform | <LinkButton link="/en/documentation/products/templates/gatsby-boilerplate/" label="Learn more" severity="secondary" /> |
+| ButterCMS + Gatsby Starter Project | E-commerce | <Button href="/en/documentation/products/templates/gatsby-butter-starter/" label="Learn more" type="primary" theme="light" /> |
+| Gatsby Blog Starter Kit| Starter project | <Button href="/en/documentation/products/templates/gatsby-blog/" label="Learn more" type="primary" theme="light" /> |
+| Gatsby Ecommerce Theme | Blog creation | <Button href="/en/documentation/products/templates/gatsby-ecommerce/" label="Learn more" type="primary" theme="light" /> |
+| Gatsby Boilerplate| E-commerce platform | <Button href="/en/documentation/products/templates/gatsby-boilerplate/" label="Learn more" type="primary" theme="light" /> |
 
 ### Deploying a template using Azion Console
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/nextjs.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/nextjs.mdx
index 7c7dc9bf91..8c5739179f 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/nextjs.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/nextjs.mdx
@@ -10,7 +10,7 @@ namespace: documentation_products_runtime_frameworks_nextjs
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 ## About Next.js
 
@@ -33,17 +33,17 @@ Next.js also allows for Server Side Rendering (SSR) on the Azion Web Platform. F
 
 | Template name | Use case | Details |
 |:-------------|:---------|:-----|
-| Next.js Static Boilerplate | Static/SPA | <LinkButton link="/en/documentation/products/templates/nextjs-static-boilerplate/" label="Learn more" severity="secondary" /> |
-| Next.js Store Ecommerce Template | E-commerce | <LinkButton link="/en/documentation/products/templates/nextjs-store/" label="Learn more" severity="secondary" /> |
-| Next.js App Middleware | Middleware Example | <LinkButton link="/en/documentation/products/templates/nextjs-app-midddleware/" label="Learn more" severity="secondary" /> |
-| Next.js App Configurations | Config Example | <LinkButton link="/en/documentation/products/templates/nextjs-app-configurations/" label="Learn more" severity="secondary" /> |
-| Next.js Pages Configurations | Config Example | <LinkButton link="/en/documentation/products/templates/nextjs-pages-configurations/" label="Learn more" severity="secondary" /> |
-| Next.js Pages Middleware | Middleware Example | <LinkButton link="/en/documentation/products/templates/nextjs-pages-middleware/" label="Learn more" severity="secondary" /> |
-| Kupingplug Store| E-commerce | <LinkButton link="/en/documentation/products/templates/kupingplug/" label="Learn more" severity="secondary" /> |
-| Next.js Stationary Store | E-commerce | <LinkButton link="/en/documentation/products/templates/stationary-ecommerce/" label="Learn more" severity="secondary" /> |
-| Cosmic Next Blog | Blog | <LinkButton link="/en/documentation/products/templates/cosmic-nextjs-blog/" label="Learn more" severity="secondary" /> |
-| Cosmic Agency | Agency/Starter | <LinkButton link="/en/documentation/products/templates/cosmic-agency/" label="Learn more" severity="secondary" /> |
-| Space Jelly Shop | E-commerce | <LinkButton link="/en/documentation/products/templates/space-jelly-shop/" label="Learn more" severity="secondary" /> |
+| Next.js Static Boilerplate | Static/SPA | <Button href="/en/documentation/products/templates/nextjs-static-boilerplate/" label="Learn more" type="primary" theme="light" /> |
+| Next.js Store Ecommerce Template | E-commerce | <Button href="/en/documentation/products/templates/nextjs-store/" label="Learn more" type="primary" theme="light" /> |
+| Next.js App Middleware | Middleware Example | <Button href="/en/documentation/products/templates/nextjs-app-midddleware/" label="Learn more" type="primary" theme="light" /> |
+| Next.js App Configurations | Config Example | <Button href="/en/documentation/products/templates/nextjs-app-configurations/" label="Learn more" type="primary" theme="light" /> |
+| Next.js Pages Configurations | Config Example | <Button href="/en/documentation/products/templates/nextjs-pages-configurations/" label="Learn more" type="primary" theme="light" /> |
+| Next.js Pages Middleware | Middleware Example | <Button href="/en/documentation/products/templates/nextjs-pages-middleware/" label="Learn more" type="primary" theme="light" /> |
+| Kupingplug Store| E-commerce | <Button href="/en/documentation/products/templates/kupingplug/" label="Learn more" type="primary" theme="light" /> |
+| Next.js Stationary Store | E-commerce | <Button href="/en/documentation/products/templates/stationary-ecommerce/" label="Learn more" type="primary" theme="light" /> |
+| Cosmic Next Blog | Blog | <Button href="/en/documentation/products/templates/cosmic-nextjs-blog/" label="Learn more" type="primary" theme="light" /> |
+| Cosmic Agency | Agency/Starter | <Button href="/en/documentation/products/templates/cosmic-agency/" label="Learn more" type="primary" theme="light" /> |
+| Space Jelly Shop | E-commerce | <Button href="/en/documentation/products/templates/space-jelly-shop/" label="Learn more" type="primary" theme="light" /> |
 
 ### Deploying a template using Azion Console
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/react.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/react.mdx
index ad1bee1ace..6885fde02d 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/react.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/react.mdx
@@ -10,7 +10,7 @@ namespace: documentation_products_runtime_frameworks_react
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 ## About React
 
@@ -30,18 +30,18 @@ React is a popular JavaScript library for building interactive user interfaces.
 
 | Template name | Use case | Details |
 |:-------------|:---------|:-----|
-| ButterCMS + React Starter Project | Starter | <LinkButton link="/en/documentation/products/templates/react-buttercms/" label="Learn more" severity="secondary" /> |
-| React Boilerplate | Starter project | <LinkButton link="/en/documentation/products/templates/react-boilerplate/" label="Learn more" severity="secondary" /> |
+| ButterCMS + React Starter Project | Starter | <Button href="/en/documentation/products/templates/react-buttercms/" label="Learn more" type="primary" theme="light" /> |
+| React Boilerplate | Starter project | <Button href="/en/documentation/products/templates/react-boilerplate/" label="Learn more" type="primary" theme="light" /> |
 
 Templates with other frameworks that also use React:
 
 | Template name | Use case | Details |
 |:-------------|:---------|:-----|
-| Space Jelly Shop| E-commerce | <LinkButton link="/en/documentation/products/templates/space-jelly-shop/" label="Learn more" severity="secondary" /> |
-| Cosmic Agency | Starter | <LinkButton link="/en/documentation/products/templates/cosmic-agency/" label="Learn more" severity="secondary" /> |
-| Next.js Store with React | E-commerce | <LinkButton link="/en/documentation/products/templates/nextjs-store/" label="Learn more" severity="secondary" /> |
-| Astro with React | Starter | <LinkButton link="/en/documentation/products/templates/astro-react/" label="Learn more" severity="secondary" /> |
-| Astro With Multiple Frameworks | Starter | <LinkButton link="/en/documentation/products/templates/astro-multiple-frameworks/" label="Learn more" severity="secondary" /> |
+| Space Jelly Shop| E-commerce | <Button href="/en/documentation/products/templates/space-jelly-shop/" label="Learn more" type="primary" theme="light" /> |
+| Cosmic Agency | Starter | <Button href="/en/documentation/products/templates/cosmic-agency/" label="Learn more" type="primary" theme="light" /> |
+| Next.js Store with React | E-commerce | <Button href="/en/documentation/products/templates/nextjs-store/" label="Learn more" type="primary" theme="light" /> |
+| Astro with React | Starter | <Button href="/en/documentation/products/templates/astro-react/" label="Learn more" type="primary" theme="light" /> |
+| Astro With Multiple Frameworks | Starter | <Button href="/en/documentation/products/templates/astro-multiple-frameworks/" label="Learn more" type="primary" theme="light" /> |
 
 ### Deploying a template using Azion Console
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/angular/angular-boilerplate.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/angular/angular-boilerplate.mdx
index 365edbaed2..68f41332f0 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/angular/angular-boilerplate.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/angular/angular-boilerplate.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_angular_boilerplate
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/angular/angular-butter.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/angular/angular-butter.mdx
index 111efd2431..778fd0f744 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/angular/angular-butter.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/angular/angular-butter.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_angular_buttercms
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/angular/angular-sanity.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/angular/angular-sanity.mdx
index 22b026b09f..84b879e88a 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/angular/angular-sanity.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/angular/angular-sanity.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_angular_sanity
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-alpine.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-alpine.mdx
index a13d8f18e3..68cf1b948c 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-alpine.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-alpine.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_alpine
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Container from 'azion-webkit/container';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue'; 
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-audiophile.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-audiophile.mdx
index b58a8ba169..d1f82d4c71 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-audiophile.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-audiophile.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_audiophile
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-blog-starter-kit.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-blog-starter-kit.mdx
index e99627f994..e607358387 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-blog-starter-kit.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-blog-starter-kit.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_blog
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-boilerplate.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-boilerplate.mdx
index 1367ed1c3e..75f42ee16c 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-boilerplate.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-boilerplate.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_boilerplate
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-clean-sanity.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-clean-sanity.mdx
index 13ded768d9..1f87971c87 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-clean-sanity.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-clean-sanity.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_sanity
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-cosmic-blog.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-cosmic-blog.mdx
index 6a0f35abd4..6ae58a2448 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-cosmic-blog.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-cosmic-blog.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_cosmic_blog
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-devscard.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-devscard.mdx
index 235749cc71..b3ca540cf7 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-devscard.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-devscard.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_devscard
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-ecommerce.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-ecommerce.mdx
index b0f3b42d49..a839128be3 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-ecommerce.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-ecommerce.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_ecommerce
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-lit.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-lit.mdx
index 99aab7cb11..b5dd57020a 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-lit.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-lit.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_lit
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-markdoc.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-markdoc.mdx
index 8bb1f82d9c..c2893bbb3a 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-markdoc.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-markdoc.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_markdoc
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-markdown-plugins.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-markdown-plugins.mdx
index 0351fd8a0c..0a2c54f35e 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-markdown-plugins.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-markdown-plugins.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_markdown_plugins
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-markdown-shiki.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-markdown-shiki.mdx
index 2effe3f429..11879005ce 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-markdown-shiki.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-markdown-shiki.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_markdown_shiki
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-mdx.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-mdx.mdx
index fe22490786..28dfa5cc6f 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-mdx.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-mdx.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_mdx
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-minimal.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-minimal.mdx
index ad49caeaf7..7105e799c3 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-minimal.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-minimal.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_minimal
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-multiple-frameworks.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-multiple-frameworks.mdx
index 477efe1bd3..8c7d8fc550 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-multiple-frameworks.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-multiple-frameworks.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_multi_frameworks
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-nanostores.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-nanostores.mdx
index 3d10d19bc9..8d3981bdee 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-nanostores.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-nanostores.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_nanostores
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-non-html.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-non-html.mdx
index 0dd8fe3780..80726c25a5 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-non-html.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-non-html.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_non_html
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-pdf-resume.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-pdf-resume.mdx
index 3410e631ae..90672a7a0d 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-pdf-resume.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-pdf-resume.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_pdf_resume
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-portfolio.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-portfolio.mdx
index 6646c6cbb4..bdbf3066f3 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-portfolio.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-portfolio.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_portfolio
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-preact.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-preact.mdx
index fde5437d56..0cb2e53af6 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-preact.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-preact.mdx
@@ -9,7 +9,7 @@ meta_tags: >-
 namespace: documentation_template_landing_astro_preact
 menu_namespace: runtimeMenu
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-quickstore.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-quickstore.mdx
index 17b13a0897..a5a3cc79f9 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-quickstore.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-quickstore.mdx
@@ -9,7 +9,7 @@ permalink: /documentation/products/templates/astro-quickstore/
 namespace: documentation_template_landing_astro_quickstore
 menu_namespace: runtimeMenu
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-react.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-react.mdx
index 5d4511c321..b0feb460d5 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-react.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-react.mdx
@@ -9,7 +9,7 @@ meta_tags: >-
 namespace: documentation_template_landing_astro_react
 menu_namespace: runtimeMenu
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-solid.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-solid.mdx
index ce56b6c627..a560bc9087 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-solid.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-solid.mdx
@@ -9,7 +9,7 @@ meta_tags: >-
 namespace: documentation_template_landing_astro_solid
 menu_namespace: runtimeMenu
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-starlog.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-starlog.mdx
index 2a9eaddfc8..27a2cc9ecc 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-starlog.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-starlog.mdx
@@ -9,7 +9,7 @@ permalink: /documentation/products/templates/astro-starlog/
 namespace: documentation_template_landing_astro_starlog
 menu_namespace: runtimeMenu
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-svelte.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-svelte.mdx
index 92ac46e412..74a9f7ef98 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-svelte.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-svelte.mdx
@@ -9,7 +9,7 @@ permalink: /documentation/products/templates/astro-svelte/
 namespace: documentation_template_landing_astro_svelte
 menu_namespace: runtimeMenu
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-tailwind.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-tailwind.mdx
index 44a7821bb4..2bd0822c27 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-tailwind.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-tailwind.mdx
@@ -9,7 +9,7 @@ permalink: /documentation/products/templates/astro-tailwind/
 namespace: documentation_template_landing_astro_tailwind
 menu_namespace: runtimeMenu
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-vitest.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-vitest.mdx
index 4d244046ef..4ae700ac48 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-vitest.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-vitest.mdx
@@ -9,7 +9,7 @@ permalink: /documentation/products/templates/astro-vitest/
 namespace: documentation_template_landing_astro_vitest
 menu_namespace: runtimeMenu
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-vue.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-vue.mdx
index 738f6522d5..c309ad0868 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-vue.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/astro/astro-vue.mdx
@@ -9,7 +9,7 @@ permalink: /documentation/products/templates/astro-vue/
 namespace: documentation_template_landing_astro_vue
 menu_namespace: runtimeMenu
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/gatsby/butter-cms-gatsby-starter.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/gatsby/butter-cms-gatsby-starter.mdx
index d92ab2df2d..0a7dc28948 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/gatsby/butter-cms-gatsby-starter.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/gatsby/butter-cms-gatsby-starter.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_gatsby_butter_starter
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/gatsby/gatsby-blog.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/gatsby/gatsby-blog.mdx
index 86a0b72b9e..b5835f5d47 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/gatsby/gatsby-blog.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/gatsby/gatsby-blog.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_gatsby_blog
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/gatsby/gatsby-boilerplate.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/gatsby/gatsby-boilerplate.mdx
index a089e4bc71..4eae089c2d 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/gatsby/gatsby-boilerplate.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/gatsby/gatsby-boilerplate.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_gatsby_boilerplate
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/gatsby/gatsby-ecommerce.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/gatsby/gatsby-ecommerce.mdx
index 0b4d417471..43dbf42fb1 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/gatsby/gatsby-ecommerce.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/gatsby/gatsby-ecommerce.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_gatsby_ecommerce
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/cosmic-agency.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/cosmic-agency.mdx
index fc9a8ab6d2..b28b1c6cba 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/cosmic-agency.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/cosmic-agency.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_nextjs_cosmic_agency
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/cosmic-next-blog.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/cosmic-next-blog.mdx
index 013c763000..31a7dc344a 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/cosmic-next-blog.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/cosmic-next-blog.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_nextjs_cosmic_blog
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/kupingplug.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/kupingplug.mdx
index 1a2bca8f87..b617baac7e 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/kupingplug.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/kupingplug.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_nextjs_kupingplug
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/nextjs-app-13-5-9-config.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/nextjs-app-13-5-9-config.mdx
index bc36c9a2fc..4f4b41d11c 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/nextjs-app-13-5-9-config.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/nextjs-app-13-5-9-config.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_nextjs_app_configurations
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/nextjs-app-13-5-9-middleware.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/nextjs-app-13-5-9-middleware.mdx
index a02d96075c..f7ba623cd2 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/nextjs-app-13-5-9-middleware.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/nextjs-app-13-5-9-middleware.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_nextjs_app_middleware
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/nextjs-ecommerce-stationary.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/nextjs-ecommerce-stationary.mdx
index 8daf041aba..74c489176b 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/nextjs-ecommerce-stationary.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/nextjs-ecommerce-stationary.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_nextjs_stationary-ecommerce
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/nextjs-pages-13-5-9-config.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/nextjs-pages-13-5-9-config.mdx
index ba92777bc9..265f3bf3f1 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/nextjs-pages-13-5-9-config.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/nextjs-pages-13-5-9-config.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_nextjs_pages_configurations
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/nextjs-pages-13-5-9-middleware.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/nextjs-pages-13-5-9-middleware.mdx
index 137142613c..fbd4130613 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/nextjs-pages-13-5-9-middleware.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/nextjs-pages-13-5-9-middleware.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_nextjs_pages_middleware
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/nextjs-static-boilerplate-14.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/nextjs-static-boilerplate-14.mdx
index c3a57c203d..2f315bec61 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/nextjs-static-boilerplate-14.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/nextjs-static-boilerplate-14.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_nextjs_static_boilerplate
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/nextjs-store-react.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/nextjs-store-react.mdx
index 109eedb008..d1594bffe1 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/nextjs-store-react.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/nextjs-store-react.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_nextjs_store
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/space-jelly-shop.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/space-jelly-shop.mdx
index 1bcebfd276..a73784c32e 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/space-jelly-shop.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/space-jelly-shop.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_nextjs_space_jelly_shop
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/react/butter-react-starter.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/react/butter-react-starter.mdx
index 1c212a6cb5..1215e54fbb 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/react/butter-react-starter.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/react/butter-react-starter.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_react_buttercms
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/react/react-boilerplate.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/react/react-boilerplate.mdx
index f202a2c625..0eb158376f 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/react/react-boilerplate.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/react/react-boilerplate.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_react_boilerplate
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/node-polyfills/cells-node.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/node-polyfills/cells-node.mdx
index 349d3f38be..231f16144a 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/node-polyfills/cells-node.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/node-polyfills/cells-node.mdx
@@ -11,7 +11,7 @@ namespace: documentation_products_azion_runtime_node
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 ## Node.js APIs supported in Azion Runtime
 
@@ -139,5 +139,5 @@ You can check the list of APIs resolved through polyfills in [Azion Bundler's re
 :::
 
 For additional compatibility information:
-<LinkButton link="/en/documentation/products/edge-application/edge-functions/runtime-apis/javascript/" label="Go To Supported Web APIs" severity="secondary" target="_blank" />
-<LinkButton link="/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/" label="Go To Supported Web Frameworks" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/edge-application/edge-functions/runtime-apis/javascript/" label="Go To Supported Web APIs" type="primary" theme="light" target="_blank" />
+<Button href="/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/" label="Go To Supported Web Frameworks" type="primary" theme="light" target="_blank" />
diff --git a/src/content/docs/en/pages/devtools/azion-edge-runtime/overview/overview.mdx b/src/content/docs/en/pages/devtools/azion-edge-runtime/overview/overview.mdx
index 5709b5fca9..1ce3cdaef9 100644
--- a/src/content/docs/en/pages/devtools/azion-edge-runtime/overview/overview.mdx
+++ b/src/content/docs/en/pages/devtools/azion-edge-runtime/overview/overview.mdx
@@ -12,7 +12,7 @@ menu_namespace: runtimeMenu
 ---
 
 import Tag from 'primevue/tag';
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 
 The **Azion Runtime** is a set of tools for developing applications at the **Edge**. The Azion Runtime allows you to write JavaScript [functions](/en/documentation/products/build/edge-application/edge-functions/) built on Web standards.
diff --git a/src/content/docs/en/pages/devtools/azion-lib/lib-overview/overview.mdx b/src/content/docs/en/pages/devtools/azion-lib/lib-overview/overview.mdx
index 831e416bd8..46309eeb74 100644
--- a/src/content/docs/en/pages/devtools/azion-lib/lib-overview/overview.mdx
+++ b/src/content/docs/en/pages/devtools/azion-lib/lib-overview/overview.mdx
@@ -9,7 +9,7 @@ namespace: documentation_azion_lib_overview
 menu_namespace: libMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 The **Azion Libraries** provide a suite of tools to interact with various Azion services, including **Purge**, **Object Storage**, and **Image Processor**. Each library is configurable and supports debug mode and environment variable-based configuration.
 
@@ -35,5 +35,5 @@ yarn add azion
 
 For more information about how to use **Azion Libraries**, check the [documentation on NPM](https://www.npmjs.com/package/azion).
 
-<LinkButton link="/en/documentation/products/azion-lib/client/" label="Go to Azion Libraries `Client`" severity="secondary" />
-<LinkButton link="/en/documentation/products/azion-lib/config/" label="Go to Azion Libraries `Config`" severity="secondary" />
+<Button href="/en/documentation/products/azion-lib/client/" label="Go to Azion Libraries `Client`" type="primary" theme="light" />
+<Button href="/en/documentation/products/azion-lib/config/" label="Go to Azion Libraries `Config`" type="primary" theme="light" />
diff --git a/src/content/docs/en/pages/devtools/azion-lib/usage/ai-client.mdx b/src/content/docs/en/pages/devtools/azion-lib/usage/ai-client.mdx
index 9781067473..e71724df80 100644
--- a/src/content/docs/en/pages/devtools/azion-lib/usage/ai-client.mdx
+++ b/src/content/docs/en/pages/devtools/azion-lib/usage/ai-client.mdx
@@ -8,11 +8,11 @@ meta_tags: >-
 namespace: documentation_azion_lib_ai-client
 menu_namespace: libMenu
 ---
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 The Azion **AI Client** library provides a simple interface to interact with the Azion AI API. This specialized AI has contextual knowledge about all Azion products, services, and technologies, allowing for precise and relevant responses about Azion Web Platform.
 
-<LinkButton link="/en/documentation/products/azion-lib/overview/" label="Go to Azion Libraries Overview" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/azion-lib/overview/" label="Go to Azion Libraries Overview" type="primary" theme="light" target="_blank" />
 
 You can interact with the API using a `client` or calling the methods directly from the library. When making direct calls, you can use the environment variables to configure the `client` without passing the token and debug parameters directly.
 
diff --git a/src/content/docs/en/pages/devtools/azion-lib/usage/application.mdx b/src/content/docs/en/pages/devtools/azion-lib/usage/application.mdx
index f13ede7912..d937f60d2e 100644
--- a/src/content/docs/en/pages/devtools/azion-lib/usage/application.mdx
+++ b/src/content/docs/en/pages/devtools/azion-lib/usage/application.mdx
@@ -9,11 +9,11 @@ namespace: documentation_azion_lib_application
 menu_namespace: libMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 The Azion **Application** module provides a comprehensive interface to interact with the Azion **Applications** API. This module allows you to manage applications and their components including cache settings, device groups, function instances, origins, and Rules Engine configurations.
 
-<LinkButton link="/en/documentation/products/azion-lib/overview/" label="Go to Azion Libraries Overview" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/azion-lib/overview/" label="Go to Azion Libraries Overview" type="primary" theme="light" target="_blank" />
 
 You can interact with the API using a `client` or calling the methods directly from the library. When making direct calls, you can use the environment variables to configure the `client` without passing the token and debug parameters directly.
 
diff --git a/src/content/docs/en/pages/devtools/azion-lib/usage/client.mdx b/src/content/docs/en/pages/devtools/azion-lib/usage/client.mdx
index d16b96440a..fbc1ecc981 100644
--- a/src/content/docs/en/pages/devtools/azion-lib/usage/client.mdx
+++ b/src/content/docs/en/pages/devtools/azion-lib/usage/client.mdx
@@ -9,13 +9,13 @@ namespace: documentation_azion_lib_client
 menu_namespace: libMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 The Azion **Client** interface provides a unified interface to interact with all products and services. You can use the `client` to access and manage all products and functionalities across Storage, SQL, Purge, and more. 
 
 When instantiating a client, you can define configurations such as `token` and `debug` explicitly as parameters. You can then interact with Azion functionalities directly through the `client`, in a simplified and centralized way.
 
-<LinkButton link="/en/documentation/products/azion-lib/overview/" label="Go to Azion Libraries Overview" severity="secondary" />
+<Button href="/en/documentation/products/azion-lib/overview/" label="Go to Azion Libraries Overview" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/devtools/azion-lib/usage/config.mdx b/src/content/docs/en/pages/devtools/azion-lib/usage/config.mdx
index 935b1c90d0..7b80312753 100644
--- a/src/content/docs/en/pages/devtools/azion-lib/usage/config.mdx
+++ b/src/content/docs/en/pages/devtools/azion-lib/usage/config.mdx
@@ -9,11 +9,11 @@ namespace: documentation_azion_lib_config
 menu_namespace: libMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 The **Config** module provides a function to configure and validate options for **Applications**. It supports various configurations, including domain settings, origin settings, cache settings, rules, network lists, and purge operations.
 
-<LinkButton link="/en/documentation/products/azion-lib/overview/" label="Go to Azion Libraries Overview" severity="secondary" />
+<Button href="/en/documentation/products/azion-lib/overview/" label="Go to Azion Libraries Overview" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/devtools/azion-lib/usage/cookies.mdx b/src/content/docs/en/pages/devtools/azion-lib/usage/cookies.mdx
index db5c5cbafa..5f3768dc89 100644
--- a/src/content/docs/en/pages/devtools/azion-lib/usage/cookies.mdx
+++ b/src/content/docs/en/pages/devtools/azion-lib/usage/cookies.mdx
@@ -9,11 +9,11 @@ namespace: documentation_azion_lib_cookies
 menu_namespace: libMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 The Azion **Cookies** library provides utility functions to get and set cookies in an HTTP request and response. This library is useful for handling cookies in web applications, ensuring ease of use and consistency.
 
-<LinkButton link="/en/documentation/products/azion-lib/overview/" label="Go to Azion Libraries Overview" severity="secondary" />
+<Button href="/en/documentation/products/azion-lib/overview/" label="Go to Azion Libraries Overview" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/devtools/azion-lib/usage/domains.mdx b/src/content/docs/en/pages/devtools/azion-lib/usage/domains.mdx
index 403b586d04..9a4ab5586f 100644
--- a/src/content/docs/en/pages/devtools/azion-lib/usage/domains.mdx
+++ b/src/content/docs/en/pages/devtools/azion-lib/usage/domains.mdx
@@ -9,11 +9,11 @@ namespace: documentation_azion_lib_domains
 menu_namespace: libMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Azion **Domains** library provides a simple interface to interact with the **Edge Domains** API, allowing you to create, list, get, update, and delete domains.
 
-<LinkButton link="/en/documentation/products/azion-lib/overview/" label="Go to Azion Libraries Overview" severity="secondary" />
+<Button href="/en/documentation/products/azion-lib/overview/" label="Go to Azion Libraries Overview" type="primary" theme="light" />
 
 You can interact with the API using a `client` or calling the methods directly from the library. When making direct calls, you can use the environment variables to configure the `client` without passing the token and debug parameters directly.
 
diff --git a/src/content/docs/en/pages/devtools/azion-lib/usage/jwt.mdx b/src/content/docs/en/pages/devtools/azion-lib/usage/jwt.mdx
index ca8d0f55b2..9048459933 100644
--- a/src/content/docs/en/pages/devtools/azion-lib/usage/jwt.mdx
+++ b/src/content/docs/en/pages/devtools/azion-lib/usage/jwt.mdx
@@ -9,11 +9,11 @@ namespace: documentation_azion_lib_jwt
 menu_namespace: libMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 The **JWT** Library provides utility functions for signing, verifying, and decoding **JSON Web Tokens (JWTs)**. This library ensures ease of use and security when handling JWTs in web applications.
 
-<LinkButton link="/en/documentation/products/azion-lib/overview/" label="Go to Azion Libraries Overview" severity="secondary" />
+<Button href="/en/documentation/products/azion-lib/overview/" label="Go to Azion Libraries Overview" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/devtools/azion-lib/usage/purge.mdx b/src/content/docs/en/pages/devtools/azion-lib/usage/purge.mdx
index d852e88521..e3b0f2f8b9 100644
--- a/src/content/docs/en/pages/devtools/azion-lib/usage/purge.mdx
+++ b/src/content/docs/en/pages/devtools/azion-lib/usage/purge.mdx
@@ -9,11 +9,11 @@ namespace: documentation_azion_lib_purge
 menu_namespace: libMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 The **Purge** library provides methods to interact with the **Cache Purge** API, allowing you to purge URLs, cache keys, and wildcard expressions from the cache. This client is configurable and supports both debug mode and environment variable-based configuration.
 
-<LinkButton link="/en/documentation/products/azion-lib/overview/" label="Go to Azion Libraries Overview" severity="secondary" />
+<Button href="/en/documentation/products/azion-lib/overview/" label="Go to Azion Libraries Overview" type="primary" theme="light" />
 
 You can interact with the API using a `client` or calling the methods directly from the library. When making direct calls, you can use the environment variables to configure the `client` without passing the token and debug parameters directly.
 
diff --git a/src/content/docs/en/pages/devtools/azion-lib/usage/sql.mdx b/src/content/docs/en/pages/devtools/azion-lib/usage/sql.mdx
index 2c00b895bd..ffa8adee8f 100644
--- a/src/content/docs/en/pages/devtools/azion-lib/usage/sql.mdx
+++ b/src/content/docs/en/pages/devtools/azion-lib/usage/sql.mdx
@@ -9,11 +9,11 @@ namespace: documentation_azion_lib_sql
 menu_namespace: libMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 The **SQL Database** library provides methods to interact with the **SQL Database** API, allowing you to create, delete, and query databases. This client is configurable and supports both debug mode and environment variable-based configuration.
 
-<LinkButton link="/en/documentation/products/azion-lib/overview/" label="Go to Azion Libraries Overview" severity="secondary" />
+<Button href="/en/documentation/products/azion-lib/overview/" label="Go to Azion Libraries Overview" type="primary" theme="light" />
 
 You can interact with the API using a `client` or calling the methods directly from the library. When making direct calls, you can use the environment variables to configure the `client` without passing the token and debug parameters directly.
 
diff --git a/src/content/docs/en/pages/devtools/azion-lib/usage/storage.mdx b/src/content/docs/en/pages/devtools/azion-lib/usage/storage.mdx
index b980d7357b..5222a9e62c 100644
--- a/src/content/docs/en/pages/devtools/azion-lib/usage/storage.mdx
+++ b/src/content/docs/en/pages/devtools/azion-lib/usage/storage.mdx
@@ -9,11 +9,11 @@ namespace: documentation_azion_lib_storage
 menu_namespace: libMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 The **Object Storage** library provides methods to interact with the **Object Storage** API, allowing you to manage buckets and objects. This client is configurable and supports both debug mode and environment variable-based configuration.
 
-<LinkButton link="/en/documentation/products/azion-lib/overview/" label="Go to Azion Libraries Overview" severity="secondary" />
+<Button href="/en/documentation/products/azion-lib/overview/" label="Go to Azion Libraries Overview" type="primary" theme="light" />
 
 You can interact with the API using a `client` or calling the methods directly from the library. When making direct calls, you can use the environment variables to configure the `client` without passing the token and debug parameters directly.
 
diff --git a/src/content/docs/en/pages/devtools/azion-lib/usage/types.mdx b/src/content/docs/en/pages/devtools/azion-lib/usage/types.mdx
index 040f99cd6f..315f1df2f6 100644
--- a/src/content/docs/en/pages/devtools/azion-lib/usage/types.mdx
+++ b/src/content/docs/en/pages/devtools/azion-lib/usage/types.mdx
@@ -9,7 +9,7 @@ namespace: documentation_azion_lib_types
 menu_namespace: libMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 The **Types** package provides global TypeScript types that are used across Azion's platform, ensuring consistency and reducing redundancy throughout the codebase.
 
@@ -17,7 +17,7 @@ The **Types** package provides global TypeScript types that are used across Azio
 These types are specifically tailored for **Azion Runtime** environments and might not work so well in local development servers.
 :::
 
-<LinkButton link="/en/documentation/products/azion-lib/overview" label="Go to Azion Libraries Overview" severity="secondary" />
+<Button href="/en/documentation/products/azion-lib/overview" label="Go to Azion Libraries Overview" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/devtools/azion-lib/usage/unenv.mdx b/src/content/docs/en/pages/devtools/azion-lib/usage/unenv.mdx
index 1743f3acf2..76a833c41e 100644
--- a/src/content/docs/en/pages/devtools/azion-lib/usage/unenv.mdx
+++ b/src/content/docs/en/pages/devtools/azion-lib/usage/unenv.mdx
@@ -8,11 +8,11 @@ meta_tags: >-
 namespace: documentation_azion_lib_unenv
 menu_namespace: libMenu
 ---
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 A preset configuration for unenv that provides polyfills and environment compatibility for Azion Runtime.
 
-<LinkButton link="/en/documentation/products/azion-lib/overview/" label="Go to Azion Libraries Overview" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/azion-lib/overview/" label="Go to Azion Libraries Overview" type="primary" theme="light" target="_blank" />
 
 ---
 
diff --git a/src/content/docs/en/pages/devtools/azion-lib/usage/utils.mdx b/src/content/docs/en/pages/devtools/azion-lib/usage/utils.mdx
index 4fb26559be..013277a370 100644
--- a/src/content/docs/en/pages/devtools/azion-lib/usage/utils.mdx
+++ b/src/content/docs/en/pages/devtools/azion-lib/usage/utils.mdx
@@ -9,11 +9,11 @@ namespace: documentation_azion_lib_utils
 menu_namespace: libMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 The **Azion Utils** package provides a set of utility functions designed to simplify common tasks when working with Azion Functions. These utilities cover tasks such as routing for Single Page Applications (SPA) and Multi-Page Applications (MPA), as well as parsing and debugging incoming requests.
 
-<LinkButton link="/en/documentation/products/azion-lib/overview" label="Go to Azion Libraries Overview" severity="secondary" />
+<Button href="/en/documentation/products/azion-lib/overview" label="Go to Azion Libraries Overview" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/devtools/azion-lib/usage/wasm-image-processor.mdx b/src/content/docs/en/pages/devtools/azion-lib/usage/wasm-image-processor.mdx
index 1bda2f78f0..d318e4a952 100644
--- a/src/content/docs/en/pages/devtools/azion-lib/usage/wasm-image-processor.mdx
+++ b/src/content/docs/en/pages/devtools/azion-lib/usage/wasm-image-processor.mdx
@@ -9,11 +9,11 @@ namespace: documentation_azion_lib_wasm_image_processor
 menu_namespace: libMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 The Azion **WASM Image Processor** Library provides functions to process images using **WebAssembly**. This library allows you to load, resize, and retrieve images in various formats efficiently.
 
-<LinkButton link="/en/documentation/products/azion-lib/overview/" label="Go to Azion Libraries Overview" severity="secondary" />
+<Button href="/en/documentation/products/azion-lib/overview/" label="Go to Azion Libraries Overview" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/devtools/cli/azion-cli/azion-overview/azion-overview.mdx b/src/content/docs/en/pages/devtools/cli/azion-cli/azion-overview/azion-overview.mdx
index 1e6879d40c..acc0051fd1 100644
--- a/src/content/docs/en/pages/devtools/cli/azion-cli/azion-overview/azion-overview.mdx
+++ b/src/content/docs/en/pages/devtools/cli/azion-cli/azion-overview/azion-overview.mdx
@@ -11,7 +11,7 @@ namespace: documentation_azion_cli_overview
 menu_namespace: cliMenuAlpha
 ---
 import Code from '~/components/Code/Code.astro'
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Azion CLI** is an [open  source](https://github.com/aziontech/azion-cli/) command-line interface (CLI) that lets you interact with Azion Web Platform using a terminal. You can use Azion CLI to: 
 
@@ -166,10 +166,10 @@ The supported frameworks that run **static** (deliver) applications include:
 
 For applications that require processing on the edge (compute) rather than only delivery of content:
 
-<LinkButton link="/en/documentation/devtools/azion-edge-runtime/compatibility/nextjs/" label="go to Azion and Next.js compatibility docs" severity="secondary" target="_blank" />
-<LinkButton link="/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/" label="go to supported Web Frameworks" severity="secondary" target="_blank" />
-<LinkButton link="/en/documentation/products/edge-application/edge-functions/runtime-apis/javascript/" label="go to supported Web APIs" severity="secondary" target="_blank" />
-<LinkButton link="/en/documentation/products/azion-edge-runtime/compatibility/node/" label="go to node.js support reference" severity="secondary" target="_blank" />
+<Button href="/en/documentation/devtools/azion-edge-runtime/compatibility/nextjs/" label="go to Azion and Next.js compatibility docs" type="primary" theme="light" target="_blank" />
+<Button href="/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/" label="go to supported Web Frameworks" type="primary" theme="light" target="_blank" />
+<Button href="/en/documentation/products/edge-application/edge-functions/runtime-apis/javascript/" label="go to supported Web APIs" type="primary" theme="light" target="_blank" />
+<Button href="/en/documentation/products/azion-edge-runtime/compatibility/node/" label="go to node.js support reference" type="primary" theme="light" target="_blank" />
 
 
 Learn how to install the Azion CLI with a step-by-step tutorial. Watch now on Azion's YouTube channel.
diff --git a/src/content/docs/en/pages/devtools/cli/azion-cli/commands/dev-command/dev.mdx b/src/content/docs/en/pages/devtools/cli/azion-cli/commands/dev-command/dev.mdx
index 2932153a83..506a3b696d 100644
--- a/src/content/docs/en/pages/devtools/cli/azion-cli/commands/dev-command/dev.mdx
+++ b/src/content/docs/en/pages/devtools/cli/azion-cli/commands/dev-command/dev.mdx
@@ -11,7 +11,7 @@ namespace: documentation_cli_dev
 menu_namespace: cliMenuAlpha
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 :::note 
 In case one or more required fields aren't informed through the specific flags, an interactive message prompts and asks for the missing information.
@@ -25,7 +25,7 @@ The `dev` command adapts the environment for building your application and run i
 If you want to run this command for a project that hasn't been initialized as an Azion Application, you can run the `link` command to link the project to Azion.
 :::
 
-<LinkButton link="/en/documentation/products/cli/link-command/" label="Link an Existing Project to Azion" severity="secondary" /> 
+<Button href="/en/documentation/products/cli/link-command/" label="Link an Existing Project to Azion" type="primary" theme="light" /> 
 
 :::note 
 It's necessary to run the command in the project's root folder.
@@ -63,8 +63,8 @@ The `--help` option displays more information about the `dev` command.
 
 The `--firewall` option indicates the function is intended for Firewall.
 
-<LinkButton link="/en/documentation/products/guides/edge-functions/first-steps/" label="Functions for Applications" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/edge-functions/first-steps/" label="Functions for Applications" type="primary" theme="light" /> 
 
 <br />
 
-<LinkButton link="/en/documentation/products/secure/edge-firewall/edge-functions/" label="Functions for Firewall" severity="secondary" /> 
+<Button href="/en/documentation/products/secure/edge-firewall/edge-functions/" label="Functions for Firewall" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/devtools/cli/azion-cli/config/azion-config-js.mdx b/src/content/docs/en/pages/devtools/cli/azion-cli/config/azion-config-js.mdx
index ff05772c26..058c78cf1d 100644
--- a/src/content/docs/en/pages/devtools/cli/azion-cli/config/azion-config-js.mdx
+++ b/src/content/docs/en/pages/devtools/cli/azion-cli/config/azion-config-js.mdx
@@ -10,7 +10,7 @@ permalink: /documentation/devtools/cli/configs/azion-config-js/
 menu_namespace: cliMenuAlpha
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 The azion.config.js file is an IaC configuration file created during the application's build process, based on the chosen preset, and serves as the source of truth for the configuration. Each preset provides a set of default settings, which can be replaced by the user. If the file is deleted, the default configuration will be recreated the next time the build process is triggered.
 
diff --git a/src/content/docs/en/pages/guides/access-azion-console/access-azion-console.mdx b/src/content/docs/en/pages/guides/access-azion-console/access-azion-console.mdx
index 5a520fb919..02c278e72a 100644
--- a/src/content/docs/en/pages/guides/access-azion-console/access-azion-console.mdx
+++ b/src/content/docs/en/pages/guides/access-azion-console/access-azion-console.mdx
@@ -12,9 +12,9 @@ permalink: /documentation/products/guides/how-to-access-azion-console/
 
 This documentation will assist you to access the interface and explore the products and resources.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/getting-to-know-azion-console/" label="go to Azion Console reference" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/getting-to-know-azion-console/" label="go to Azion Console reference" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/en/pages/guides/account-lockout-policy/configure-account-lockout-policy.mdx b/src/content/docs/en/pages/guides/account-lockout-policy/configure-account-lockout-policy.mdx
index b008895173..4a18d5f95b 100644
--- a/src/content/docs/en/pages/guides/account-lockout-policy/configure-account-lockout-policy.mdx
+++ b/src/content/docs/en/pages/guides/account-lockout-policy/configure-account-lockout-policy.mdx
@@ -6,7 +6,7 @@ namespace: docs_guides_account_lockout_policy
 permalink: /documentation/products/guides/configure-account-lockout-policy/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag';
 
 <Tag severity="info" client:only="vue">Preview</Tag>
@@ -15,7 +15,7 @@ The **Account Lockout Policy** allows you to define the maximum number of failed
 
 This guide walks you through configuring the Account Lockout Policy.
 
-<LinkButton link="/en/documentation/products/accounts/account-lockout-policy/" label="Go to Account Lockout Policy reference" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/accounts/account-lockout-policy/" label="Go to Account Lockout Policy reference" type="primary" theme="light" target="_blank" />
 
 :::note
 When an organization sets up the Account Lockout Policy, it applies to all account levels.
diff --git a/src/content/docs/en/pages/guides/account-lockout-policy/logs-account-lockout-policy.mdx b/src/content/docs/en/pages/guides/account-lockout-policy/logs-account-lockout-policy.mdx
index 87d0178226..4d3c6c0038 100644
--- a/src/content/docs/en/pages/guides/account-lockout-policy/logs-account-lockout-policy.mdx
+++ b/src/content/docs/en/pages/guides/account-lockout-policy/logs-account-lockout-policy.mdx
@@ -6,7 +6,7 @@ namespace: docs_guides_account_lockout_policy_logs
 permalink: /documentation/products/guides/account-lockout-policy-logs/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag';
 
 <Tag severity="info" client:only="vue">Preview</Tag>
@@ -15,7 +15,7 @@ import Tag from 'primevue/tag';
 
 This guide walks you through checking the logs generated by Account Lockout Policy.
 
-<LinkButton link="/en/documentation/products/accounts/account-lockout-policy/" label="Go to Account Lockout Policy reference" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/accounts/account-lockout-policy/" label="Go to Account Lockout Policy reference" type="primary" theme="light" target="_blank" />
 
 ---
 
diff --git a/src/content/docs/en/pages/guides/account-lockout-policy/unlock-user-account-lockout-policy.mdx b/src/content/docs/en/pages/guides/account-lockout-policy/unlock-user-account-lockout-policy.mdx
index a294711095..d8647492eb 100644
--- a/src/content/docs/en/pages/guides/account-lockout-policy/unlock-user-account-lockout-policy.mdx
+++ b/src/content/docs/en/pages/guides/account-lockout-policy/unlock-user-account-lockout-policy.mdx
@@ -6,7 +6,7 @@ namespace: docs_guides_account_lockout_policy_unlock
 permalink: /documentation/products/guides/unlock-account-lockout-policy/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag';
 
 <Tag severity="info" client:only="vue">Preview</Tag>
@@ -15,7 +15,7 @@ When a user is blocked by the account lockout policy, the *Account Owner* can ma
 
 This guide walks you through manually unlocking a user from the  Account Lockout Policy and guarantee access. 
 
-<LinkButton link="/en/documentation/products/accounts/account-lockout-policy/" label="Go to Account Lockout Policy reference" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/accounts/account-lockout-policy/" label="Go to Account Lockout Policy reference" type="primary" theme="light" target="_blank" />
 
 ---
 
diff --git a/src/content/docs/en/pages/guides/accounts/configure-user-session-timeout.mdx b/src/content/docs/en/pages/guides/accounts/configure-user-session-timeout.mdx
index 79359131a8..5a67a9e9e3 100644
--- a/src/content/docs/en/pages/guides/accounts/configure-user-session-timeout.mdx
+++ b/src/content/docs/en/pages/guides/accounts/configure-user-session-timeout.mdx
@@ -6,7 +6,7 @@ namespace: docs_guides_user_session_timeout
 permalink: /documentation/products/guides/configure-user-session-timeout/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag';
 
 <Tag severity="info" client:only="vue">Preview</Tag>
@@ -15,7 +15,7 @@ The **User Session Timeout** policy enables you to define a **maximum idle time*
 
 This guide walks you through configuring the User Session Timeout policy.
 
-<LinkButton link="/en/documentation/products/accounts/user-session-timeout/" label="Go to User Session Timeout reference" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/accounts/user-session-timeout/" label="Go to User Session Timeout reference" type="primary" theme="light" target="_blank" />
 
 :::note
 When an organization sets up the User Session Timeout, it applies to all account levels.
diff --git a/src/content/docs/en/pages/guides/debug-rules/debug-rules.mdx b/src/content/docs/en/pages/guides/debug-rules/debug-rules.mdx
index 0a02814baf..35a5c9fcf7 100644
--- a/src/content/docs/en/pages/guides/debug-rules/debug-rules.mdx
+++ b/src/content/docs/en/pages/guides/debug-rules/debug-rules.mdx
@@ -10,7 +10,7 @@ namespace: documentation_how_to_debug_rules
 permalink: /documentation/products/guides/debug-rules/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Apiv4Rollout from '~/includes/snippets/apiv4Rollout/en/snippet.mdx'
 import Tabs from '~/components/tabs/Tabs'
 
@@ -20,7 +20,7 @@ import Tabs from '~/components/tabs/Tabs'
 
 You can debug rules using the **GraphQL API**, Azion **Data Stream**, and Azion **Real-Time Events**.
 
-<LinkButton link="/en/documentation/products/build/edge-application/rules-engine/" label="Learn more about Rules Engine" severity="secondary" />
+<Button href="/en/documentation/products/build/edge-application/rules-engine/" label="Learn more about Rules Engine" type="primary" theme="light" />
 
 There are separate instructions using [legacy Domains](/en/documentation/products/build/edge-application/domains/) settings and using the new [Workloads](/en/documentation/products/secure/workloads) product.
 
diff --git a/src/content/docs/en/pages/guides/edge-application/ea-configure-cache-policies.mdx b/src/content/docs/en/pages/guides/edge-application/ea-configure-cache-policies.mdx
index a85785d01d..32e1b0c17c 100644
--- a/src/content/docs/en/pages/guides/edge-application/ea-configure-cache-policies.mdx
+++ b/src/content/docs/en/pages/guides/edge-application/ea-configure-cache-policies.mdx
@@ -11,7 +11,7 @@ permalink: /documentation/products/guides/cache-settings/
 og_image: /assets/docs/images/uploads/02-09-edge-caching-1.png
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Azion **Applications** can keep your content cached at the edge to support high-levels of demand without compromising quality or performance, resulting in a better user experience, faster load times, and lower maintenance costs.
 
@@ -79,7 +79,7 @@ If you want to bypass origin cache policies, you can create a rule as follows:
 
 Bypass Cache only affects origin cache policies, not browser cache policies. You can customize browser cache through the **Set Cache Policy** behavior described above.
 
-<LinkButton link="/en/documentation/products/build/edge-application/rules-engine/#bypass-cache" label="Go to Bypass Cache reference" severity="secondary" />
+<Button href="/en/documentation/products/build/edge-application/rules-engine/#bypass-cache" label="Go to Bypass Cache reference" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/guides/edge-application/ea-create-rules.mdx b/src/content/docs/en/pages/guides/edge-application/ea-create-rules.mdx
index de245279c7..7dc0d941ce 100644
--- a/src/content/docs/en/pages/guides/edge-application/ea-create-rules.mdx
+++ b/src/content/docs/en/pages/guides/edge-application/ea-create-rules.mdx
@@ -9,13 +9,13 @@ permalink: /documentation/products/guides/rules-engine/
 og_image: /assets/docs/images/uploads/16-09-rules-for-static-websites.png
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 **Rules Engine** is an **Applications** capability that allows you to create no-code solutions that follow the business rules of your application.
 
 With Azion **Applications** reverse-proxy architecture, the rules you create will be executed between either the **Request phase**, which contains data that a client sends to an origin server, or **Response phase**, which contains data from the origin that is sent to the client.
 
-<LinkButton link="/en/documentation/products/build/edge-application/rules-engine/" label="Learn more about Rules Engine" severity="secondary" />
+<Button href="/en/documentation/products/build/edge-application/rules-engine/" label="Learn more about Rules Engine" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/guides/edge-application/ea-customize-error-responses.mdx b/src/content/docs/en/pages/guides/edge-application/ea-customize-error-responses.mdx
index 31689cc4be..4da3dc27a2 100644
--- a/src/content/docs/en/pages/guides/edge-application/ea-customize-error-responses.mdx
+++ b/src/content/docs/en/pages/guides/edge-application/ea-customize-error-responses.mdx
@@ -8,7 +8,7 @@ namespace: documentation_how_to_configurations_customizing_error_response_page
 permalink: /documentation/products/guides/customizing-error-response-page/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 import Apiv4Rollout from '~/includes/snippets/apiv4Rollout/en/snippet.mdx'
 
diff --git a/src/content/docs/en/pages/guides/edge-application/ea-enforce-hls.mdx b/src/content/docs/en/pages/guides/edge-application/ea-enforce-hls.mdx
index 11ed9ea3a3..71d52b958f 100644
--- a/src/content/docs/en/pages/guides/edge-application/ea-enforce-hls.mdx
+++ b/src/content/docs/en/pages/guides/edge-application/ea-enforce-hls.mdx
@@ -8,7 +8,7 @@ namespace: docs_guides_enforce_hls_cache
 permalink: /documentation/products/guides/enforce-hls-cache/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 import Code from '~/components/Code/Code.astro'
 
@@ -195,4 +195,4 @@ Done. Now you can configure your source and encoder pointing to Azion and stream
 Go to the [Rules Engine for Applications](/en/documentation/products/build/edge-application/rules-engine/) documentation for more details.
 :::
 
-<LinkButton link="/en/documentation/architectures/live-streaming-delivery/live-streaming-delivery-with-hls/" label="Go to Live Streaming Delivery architecture" severity="secondary" />
+<Button href="/en/documentation/architectures/live-streaming-delivery/live-streaming-delivery-with-hls/" label="Go to Live Streaming Delivery architecture" type="primary" theme="light" />
diff --git a/src/content/docs/en/pages/guides/edge-dns/run-dig-command.mdx b/src/content/docs/en/pages/guides/edge-dns/run-dig-command.mdx
index 13113b72e8..ba742fb52a 100644
--- a/src/content/docs/en/pages/guides/edge-dns/run-dig-command.mdx
+++ b/src/content/docs/en/pages/guides/edge-dns/run-dig-command.mdx
@@ -9,7 +9,7 @@ namespace: documentation_how_to_troubleshoot_dig
 permalink: /documentation/products/guides/run-the-dig-command/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 The **dig** or **dig command** queries DNS servers and provides detailed domain information. This command-line tool, part of the BIND networking toolkit, helps you investigate DNS configurations, verify record propagation, and troubleshoot domain issues across different DNS servers.
 
@@ -112,11 +112,11 @@ This response is quite different from the simple request and presents all DNS se
 
 If you've [configured a zone](/en/documentation/products/guides/secure/edge-dns-configure-main-settings/) in **Azion Edge DNS**, you can use the dig command to test how and if it's receiving proper traffic. For example, if you've configured a load balance with a DNS record, you can test and check if the load balance is working properly.
 
-<LinkButton severity="secondary" link="https://console.azion.com/signup" label="Create Azion account" /> <br></br>
+<Button href="https://console.azion.com/signup" label="Create Azion account" type="primary" theme="light" /> <br></br>
 
-<LinkButton severity="secondary" link="/en/documentation/products/guides/secure/edge-dns-configure-main-settings/" label="Create zone" /> <br></br>
+<Button href="/en/documentation/products/guides/secure/edge-dns-configure-main-settings/" label="Create zone" type="primary" theme="light" /> <br></br>
 
-<LinkButton severity="secondary" link="/en/documentation/products/guides/secure/load-balance-dns/#testing-your-balanced-record" label="Test balanced record" />
+<Button href="/en/documentation/products/guides/secure/load-balance-dns/#testing-your-balanced-record" label="Test balanced record" type="primary" theme="light" />
 
 You can also check the latency of a web application with the dig command to validate the Azion Edge Computing service. For example, you can compare the latency of your application, served by cloud and by Azion Web Platform.
 
diff --git a/src/content/docs/en/pages/guides/edge-firewall/update-edge-firewall.mdx b/src/content/docs/en/pages/guides/edge-firewall/update-edge-firewall.mdx
index d7cb461d9f..391fd56490 100644
--- a/src/content/docs/en/pages/guides/edge-firewall/update-edge-firewall.mdx
+++ b/src/content/docs/en/pages/guides/edge-firewall/update-edge-firewall.mdx
@@ -7,7 +7,7 @@ description: Learn how to update features and configurations of Firewall.
 ---
 
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 
 Previously, to use a rule set from Firewall or Web Application Firewall (WAF), you had to activate these modules in the **Main Settings** tab of each applications. Then, criteria and behaviors were applied in the application's **Rules Engine** tab.
@@ -20,7 +20,7 @@ Rule Sets deprecated from Firewall show a banner with the following message: `Th
 
 This documentation will guide you through updating the Firewall features used in the deprecated versions to the latest ones. Each section describes how each feature works on the new modules, Network Lists, and Rules Engine.
 
-<LinkButton link="/en/documentation/products/secure/edge-firewall/" label="Go to Firewall reference" severity="secondary" />
+<Button href="/en/documentation/products/secure/edge-firewall/" label="Go to Firewall reference" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/guides/edge-functions/edge-functions-examples/browserless-edge-functions.mdx b/src/content/docs/en/pages/guides/edge-functions/edge-functions-examples/browserless-edge-functions.mdx
index d4f91b5623..aae412eb12 100644
--- a/src/content/docs/en/pages/guides/edge-functions/edge-functions-examples/browserless-edge-functions.mdx
+++ b/src/content/docs/en/pages/guides/edge-functions/edge-functions-examples/browserless-edge-functions.mdx
@@ -7,7 +7,7 @@ namespace: docs_guides_browserless
 permalink: /documentation/products/guides/build/browserless-functions/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 This guide demonstrates how to create a browserless application using Azion Functions. Browserless applications allow you to perform web automation tasks, scraping, and browser-based operations without the overhead of running a full browser instance, making them ideal for edge computing environments.
 
@@ -169,5 +169,5 @@ The browserless Function typically includes:
 
 ---
 
-<LinkButton link="/en/documentation/products/build/edge-application/edge-functions/" text="Learn more about Functions" />
-<LinkButton link="/en/documentation/products/guides/build/build-an-application/" text="Build an application" />
+<Button href="/en/documentation/products/build/edge-application/edge-functions/" type="primary" theme="light" />
+<Button href="/en/documentation/products/guides/build/build-an-application/" type="primary" theme="light" />
diff --git a/src/content/docs/en/pages/guides/edge-functions/edge-functions-examples/file-upload-edge-functions.mdx b/src/content/docs/en/pages/guides/edge-functions/edge-functions-examples/file-upload-edge-functions.mdx
index a3879b6727..f31f6a2c07 100644
--- a/src/content/docs/en/pages/guides/edge-functions/edge-functions-examples/file-upload-edge-functions.mdx
+++ b/src/content/docs/en/pages/guides/edge-functions/edge-functions-examples/file-upload-edge-functions.mdx
@@ -7,7 +7,7 @@ namespace: docs_guides_file_upload
 permalink: /documentation/products/guides/build/file-upload-functions/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 This guide demonstrates how to implement secure file upload functionality using Azion Functions and Object Storage. By handling file uploads at the edge, you can provide faster upload speeds and better user experience while maintaining security and scalability.
 
@@ -239,5 +239,5 @@ function authenticateUser(request) {
 
 ---
 
-<LinkButton link="/en/documentation/products/store/edge-storage/" text="Learn more about Object Storage" />
-<LinkButton link="/en/documentation/products/build/edge-application/edge-functions/" text="Learn more about Functions" />
+<Button href="/en/documentation/products/store/edge-storage/" type="primary" theme="light" />
+<Button href="/en/documentation/products/build/edge-application/edge-functions/" type="primary" theme="light" />
diff --git a/src/content/docs/en/pages/guides/edge-functions/edge-functions-examples/resend-email-edge-functions.mdx b/src/content/docs/en/pages/guides/edge-functions/edge-functions-examples/resend-email-edge-functions.mdx
index 2a86f588cf..4f29147690 100644
--- a/src/content/docs/en/pages/guides/edge-functions/edge-functions-examples/resend-email-edge-functions.mdx
+++ b/src/content/docs/en/pages/guides/edge-functions/edge-functions-examples/resend-email-edge-functions.mdx
@@ -7,7 +7,7 @@ namespace: docs_guides_resend_email
 permalink: /documentation/products/guides/build/resend-email-functions/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 This guide demonstrates how to integrate Resend email service with Azion Functions to send transactional emails directly from the edge. This integration provides fast, reliable email delivery with optimal performance and global reach.
 
@@ -261,5 +261,5 @@ Add tracking capabilities to monitor email engagement:
 
 ---
 
-<LinkButton link="https://resend.com/docs" text="Resend API Documentation" />
-<LinkButton link="/en/documentation/products/build/edge-application/edge-functions/" text="Learn more about Functions" />
+<Button href="https://resend.com/docs" type="primary" theme="light" />
+<Button href="/en/documentation/products/build/edge-application/edge-functions/" type="primary" theme="light" />
diff --git a/src/content/docs/en/pages/guides/edge-functions/edge-functions-examples/restful-tasks-api-edge-functions.mdx b/src/content/docs/en/pages/guides/edge-functions/edge-functions-examples/restful-tasks-api-edge-functions.mdx
index e96f641c8c..6c145ef18c 100644
--- a/src/content/docs/en/pages/guides/edge-functions/edge-functions-examples/restful-tasks-api-edge-functions.mdx
+++ b/src/content/docs/en/pages/guides/edge-functions/edge-functions-examples/restful-tasks-api-edge-functions.mdx
@@ -7,7 +7,7 @@ namespace: docs_guides_restful_tasks_api
 permalink: /documentation/products/guides/build/restful-tasks-api-functions/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 This guide demonstrates how to build a complete RESTful API for task management using Azion Functions and SQL Database. You'll learn to implement full CRUD (Create, Read, Update, Delete) operations at the edge, providing fast, scalable API endpoints globally.
 
@@ -351,5 +351,5 @@ The RESTful API Function includes:
 
 ---
 
-<LinkButton link="/en/documentation/products/store/edge-sql/" text="Learn more about SQL Database" />
-<LinkButton link="/en/documentation/products/build/edge-application/edge-functions/" text="Learn more about Functions" />
+<Button href="/en/documentation/products/store/edge-sql/" type="primary" theme="light" />
+<Button href="/en/documentation/products/build/edge-application/edge-functions/" type="primary" theme="light" />
diff --git a/src/content/docs/en/pages/guides/edge-functions/edge-functions-examples/stripe-webhooks-edge-functions.mdx b/src/content/docs/en/pages/guides/edge-functions/edge-functions-examples/stripe-webhooks-edge-functions.mdx
index 85caed337e..0b9bb8720c 100644
--- a/src/content/docs/en/pages/guides/edge-functions/edge-functions-examples/stripe-webhooks-edge-functions.mdx
+++ b/src/content/docs/en/pages/guides/edge-functions/edge-functions-examples/stripe-webhooks-edge-functions.mdx
@@ -7,7 +7,7 @@ namespace: docs_guides_stripe_webhooks
 permalink: /documentation/products/guides/build/stripe-webhooks-functions/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 This guide demonstrates how to securely handle Stripe webhooks using Azion Functions. You'll learn to process payment events in real-time, verify webhook signatures, and build a robust payment processing system at the edge.
 
@@ -302,5 +302,5 @@ function logWebhookEvent(event, status, processingTime) {
 
 ---
 
-<LinkButton link="https://stripe.com/docs/webhooks" text="Stripe Webhooks Documentation" />
-<LinkButton link="/en/documentation/products/build/edge-application/edge-functions/" text="Learn more about Functions" />
+<Button href="https://stripe.com/docs/webhooks" type="primary" theme="light" />
+<Button href="/en/documentation/products/build/edge-application/edge-functions/" type="primary" theme="light" />
diff --git a/src/content/docs/en/pages/guides/edge-functions/serverless-functions.mdx b/src/content/docs/en/pages/guides/edge-functions/serverless-functions.mdx
index 7d0108e34a..f220a90ee6 100644
--- a/src/content/docs/en/pages/guides/edge-functions/serverless-functions.mdx
+++ b/src/content/docs/en/pages/guides/edge-functions/serverless-functions.mdx
@@ -8,11 +8,11 @@ meta_tags: 'serveless, functions'
 namespace: docs_use_case_serverless_functions
 permalink: /documentation/products/guides/serverless-functions/
 ---
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 [Functions](/en/documentation/products/build/edge-application/edge-functions/) is a module of the Azion Web Platform that allows you to program and execute serverless functions.
 
-<LinkButton link="/en/documentation/products/build/edge-application/edge-functions-instances/" label="Go to Functions for Applications reference" severity="secondary" />
+<Button href="/en/documentation/products/build/edge-application/edge-functions-instances/" label="Go to Functions for Applications reference" type="primary" theme="light" />
 
 To run a function, you must:
 
diff --git a/src/content/docs/en/pages/guides/edge-sql/create-database.mdx b/src/content/docs/en/pages/guides/edge-sql/create-database.mdx
index 43a1ab1410..4c670118e0 100644
--- a/src/content/docs/en/pages/guides/edge-sql/create-database.mdx
+++ b/src/content/docs/en/pages/guides/edge-sql/create-database.mdx
@@ -8,7 +8,7 @@ namespace: docs_sql_database_crud
 permalink: /documentation/products/guides/manage-sql-database/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag'
 
 <Tag severity="info" client:only="vue">
@@ -17,7 +17,7 @@ import Tag from 'primevue/tag'
 
 **SQL Database** allows you to create and manage relational databases. This guide covers how to create, list, and delete a database using the [Azion API](https://api.azion.com).
 
-<LinkButton link="/en/documentation/products/store/edge-sql/" label="go to SQL Database reference" severity="secondary" />
+<Button href="/en/documentation/products/store/edge-sql/" label="go to SQL Database reference" type="primary" theme="light" />
 
 After creating a database, read [How to create an SQL Database query](/en/documentation/products/guides/create-tables-edge-sql/) to populate your database.
 
diff --git a/src/content/docs/en/pages/guides/edge-sql/create-query.mdx b/src/content/docs/en/pages/guides/edge-sql/create-query.mdx
index ccabdc2e79..f7bac97ddb 100644
--- a/src/content/docs/en/pages/guides/edge-sql/create-query.mdx
+++ b/src/content/docs/en/pages/guides/edge-sql/create-query.mdx
@@ -8,7 +8,7 @@ namespace: docs_sql_query
 permalink: /documentation/products/guides/create-tables-sql-database/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag'
 
 <Tag severity="info" client:only="vue">
@@ -17,7 +17,7 @@ import Tag from 'primevue/tag'
 
 Once you've created your [SQL Database database](/en/documentation/products/guides/manage-databases-edge-sql/), you can begin creating tables and inserting data into them.
 
-<LinkButton link="/en/documentation/products/store/edge-sql/" label="go to SQL Database reference" severity="secondary" />
+<Button href="/en/documentation/products/store/edge-sql/" label="go to SQL Database reference" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/guides/edge-sql/import-data.mdx b/src/content/docs/en/pages/guides/edge-sql/import-data.mdx
index fadc841f44..76e8d32974 100644
--- a/src/content/docs/en/pages/guides/edge-sql/import-data.mdx
+++ b/src/content/docs/en/pages/guides/edge-sql/import-data.mdx
@@ -7,7 +7,7 @@ namespace: docs_import_data_edgesql
 permalink: /documentation/products/guides/import-data-sql-database/
 ---
 import Tabs from '~/components/tabs/Tabs';
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
  This guide explains how to import data into your database using SQL Database Shell.
 
diff --git a/src/content/docs/en/pages/guides/edge-sql/retrieve-data/index.mdx b/src/content/docs/en/pages/guides/edge-sql/retrieve-data/index.mdx
index 0b47e3ea9f..b8f3a3af24 100644
--- a/src/content/docs/en/pages/guides/edge-sql/retrieve-data/index.mdx
+++ b/src/content/docs/en/pages/guides/edge-sql/retrieve-data/index.mdx
@@ -7,11 +7,11 @@ namespace: documentation_products_edge_sql_retrieve_data_edge_function
 permalink: /documentation/products/guides/edge-sql/retrieve-data-with-functions/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 See how to retrieve data from an existing database (DB) with SQL Database and Functions.
 
-<LinkButton link="/en/documentation/products/store/edge-sql/" label="go to SQL Database reference" severity="secondary" />
+<Button href="/en/documentation/products/store/edge-sql/" label="go to SQL Database reference" type="primary" theme="light" />
 
 ---
 
@@ -137,7 +137,7 @@ Since this example is for retrieving data, the method was set to be only GET. Yo
 
 This function was created to communicate with SQL Database. Now, it's necessary to instantiate this function in a running application:
 
-<LinkButton link="/en/documentation/products/guides/build/instantiate-edge-functions/" label="go to How to instantiate functions in your application" severity="secondary" />
+<Button href="/en/documentation/products/guides/build/instantiate-edge-functions/" label="go to How to instantiate functions in your application" type="primary" theme="light" />
 
 
 Learn how to retrieve data effortlessly with Functions. Watch the video below:
diff --git a/src/content/docs/en/pages/guides/edge-sql/vector-search-guide.mdx b/src/content/docs/en/pages/guides/edge-sql/vector-search-guide.mdx
index 94e37042da..849c90b998 100644
--- a/src/content/docs/en/pages/guides/edge-sql/vector-search-guide.mdx
+++ b/src/content/docs/en/pages/guides/edge-sql/vector-search-guide.mdx
@@ -7,11 +7,11 @@ permalink: /documentation/products/guides/sql-database-vector-search/
 menu_namespace: storeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Vector Search** is an Azion SQL Database feature that enables customers to implement semantic search engines. While traditional search models aim to find exact matches, such as keyword matches, vector search models use specialized algorithms to identify similar items based on their mathematical representations, or vector embeddings.
 
-<LinkButton link="/en/documentation/products/store/edge-sql/vector-search/" label="Go to Vector Search Reference" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/store/edge-sql/vector-search/" label="Go to Vector Search Reference" type="primary" theme="light" target="_blank" />
 
 As an example for implementation, this guide will cover setting up the vector search logic in a TypeScript application, with a database using the Langchain library with OpenAI and the Azion SQL API.
 
diff --git a/src/content/docs/en/pages/guides/edge-storage/bucket-actions/index.mdx b/src/content/docs/en/pages/guides/edge-storage/bucket-actions/index.mdx
index af03ab3ff2..bca16bbdb3 100644
--- a/src/content/docs/en/pages/guides/edge-storage/bucket-actions/index.mdx
+++ b/src/content/docs/en/pages/guides/edge-storage/bucket-actions/index.mdx
@@ -6,11 +6,11 @@ namespace: documentation_products_object_storage_upload
 permalink: /documentation/products/guides/upload-and-download-objects-from-bucket/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Azion **Object Storage** allows you to create buckets and integrate your object storage with your edge infrastructure. This guide covers how to upload and download objects from a bucket using the [Azion API](https://api.azion.com) and [Azion Runtime](/en/documentation/runtime/api-reference/storage/).
 
-<LinkButton link="/en/documentation/products/store/object-storage/" label="go to Object Storage reference" severity="secondary" />
+<Button href="/en/documentation/products/store/object-storage/" label="go to Object Storage reference" type="primary" theme="light" />
 
 Read [How to create and modify an Object Storage bucket](/en/documentation/products/guides/create-and-modify-bucket/) for bucket operations.
 
diff --git a/src/content/docs/en/pages/guides/edge-storage/create-object-storage/index.mdx b/src/content/docs/en/pages/guides/edge-storage/create-object-storage/index.mdx
index 684516b57f..b4205da02b 100644
--- a/src/content/docs/en/pages/guides/edge-storage/create-object-storage/index.mdx
+++ b/src/content/docs/en/pages/guides/edge-storage/create-object-storage/index.mdx
@@ -8,11 +8,11 @@ namespace: documentation_products_object_storage_bucket
 permalink: /documentation/products/guides/create-and-modify-bucket/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Azion **Object Storage** allows you to create buckets and integrate your object storage with your edge infrastructure. This guide covers how to create, modify, and delete a bucket using the [Azion API](https://api.azion.com).
 
-<LinkButton link="/en/documentation/products/store/edge-storage/" label="go to Object Storage reference" severity="secondary" />
+<Button href="/en/documentation/products/store/edge-storage/" label="go to Object Storage reference" type="primary" theme="light" />
 
 Read [How to upload and download objects from an Object Storage bucket](/en/documentation/products/guides/upload-and-download-objects-from-bucket/) to learn about object operations.
 
diff --git a/src/content/docs/en/pages/guides/import-from-github/import-from-github.mdx b/src/content/docs/en/pages/guides/import-from-github/import-from-github.mdx
index 194cdbb9d1..e5a1885204 100644
--- a/src/content/docs/en/pages/guides/import-from-github/import-from-github.mdx
+++ b/src/content/docs/en/pages/guides/import-from-github/import-from-github.mdx
@@ -89,9 +89,9 @@ As your Azion account is connected to the GitHub repository, any changes will be
 
 The application created during the deployment has an assigned Azion domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="Go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="Go to configuring a domain guide" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/en/pages/guides/marketplace/integrations/bot-manager-lite.mdx b/src/content/docs/en/pages/guides/marketplace/integrations/bot-manager-lite.mdx
index 10ed9594b2..b6298d9427 100644
--- a/src/content/docs/en/pages/guides/marketplace/integrations/bot-manager-lite.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/integrations/bot-manager-lite.mdx
@@ -8,7 +8,7 @@ namespace: docs_guide_bot_manager_lite
 permalink: /documentation/products/guides/bot-manager-lite/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 Azion **Bot Manager Lite** is a *serverless* integration available in the Azion **Marketplace**. It was built on top of an **function** on **Firewall**, which analyzes incoming requests and assigns them a score based on a set of rules and behaviors. If the score is equal to or greater than the predetermined threshold, the integration executes the defined action. Otherwise, the request is processed (*allow*, as default action). Available actions for Bot Manager Lite: *allow*, *deny*, *drop*, *redirect*, *custom HTML*, *random delay*, and *hold the connection*.
 
@@ -187,6 +187,6 @@ To find this file:
 
 Tune **Azion Bot Manager Lite** to meet the needs of your business.
 
-<LinkButton link="/en/documentation/products/guides/secure/manage-bots/" label="Go to the Manage Bots Guide" outlined /> 
+<Button href="/en/documentation/products/guides/secure/manage-bots/" label="Go to the Manage Bots Guide" type="primary" theme="light" /> 
 
 ---
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/angular-boilerplate.mdx b/src/content/docs/en/pages/guides/marketplace/templates/angular-boilerplate.mdx
index a26ff3bd90..4a41be69dc 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/angular-boilerplate.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/angular-boilerplate.mdx
@@ -33,12 +33,21 @@ This template uses Angular version `19.2.1`.
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/angular/angular-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/angular/angular-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -97,9 +106,9 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
 
 Watch a video on how to deploy applications using the Angular Boilerplate on Azion's YouTube channel.
 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/astro-blog-template.mdx b/src/content/docs/en/pages/guides/marketplace/templates/astro-blog-template.mdx
index 02daded4a2..80faccee2c 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/astro-blog-template.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/astro-blog-template.mdx
@@ -34,12 +34,21 @@ This template uses Astro version `4.2.6`.
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/astro/astro-blog-starter-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/astro/astro-blog-starter-kit"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -88,9 +97,9 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/astro-boilerplate.mdx b/src/content/docs/en/pages/guides/marketplace/templates/astro-boilerplate.mdx
index 37f2c70b39..53f518b260 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/astro-boilerplate.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/astro-boilerplate.mdx
@@ -33,12 +33,21 @@ This template uses Astro version `4.5.12`.
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-  <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/astro/astro-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/astro/astro-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -87,6 +96,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" severity="secondary" /> 
\ No newline at end of file
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" type="primary" theme="light" /> 
\ No newline at end of file
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/astro-ecommerce-collection.mdx b/src/content/docs/en/pages/guides/marketplace/templates/astro-ecommerce-collection.mdx
index 83ebce220c..34595c3e07 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/astro-ecommerce-collection.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/astro-ecommerce-collection.mdx
@@ -8,7 +8,7 @@ namespace: docs_guides_astro_ecommerce_templates_collection
 permalink: /documentation/products/guides/astro-ecommerce-collection/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag';
 
 <Tag severity="info" client:only="vue">
@@ -39,24 +39,51 @@ The deployment process for each of these templates creates a GitHub repository f
 
 You can obtain and configure your templates through the Azion Console. To easily deploy any of them at the edge, click the respective button below.
 
-<LinkButton
-    label="Deploy Astro Audiophile"
-    link="https://console.azion.com/create/azion-community/astro-audiophile"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
-<LinkButton
-    label="Deploy Astro Ecommerce"
-    link="https://console.azion.com/create/azion-community/astro-ecommerce"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
-<LinkButton
-    label="Deploy Astro Quickstore"
-    link="https://console.azion.com/create/azion-community/astro-quickstore"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion-community/astro-audiophile"
+
+      label="Deploy Astro Audiophile"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
+<Button
+
+      href="https://console.azion.com/create/azion-community/astro-ecommerce"
+
+      label="Deploy Astro Ecommerce"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
+<Button
+
+      href="https://console.azion.com/create/azion-community/astro-quickstore"
+
+      label="Deploy Astro Quickstore"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -105,4 +132,4 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/azion-starter-kit.mdx b/src/content/docs/en/pages/guides/marketplace/templates/azion-starter-kit.mdx
index 0e04e05e76..aa1ff9733a 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/azion-starter-kit.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/azion-starter-kit.mdx
@@ -38,12 +38,21 @@ To use this template, you must:
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-  <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion/azion-starter-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/azion/azion-starter-kit"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -125,9 +134,9 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
 
 
 Learn how to deploy the Azion Starter Kit:
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/bot-starter-kit.mdx b/src/content/docs/en/pages/guides/marketplace/templates/bot-starter-kit.mdx
index ab0bf65406..bf94795825 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/bot-starter-kit.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/bot-starter-kit.mdx
@@ -40,12 +40,21 @@ Before deploying this template, you must:
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
- <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion/bot-manager-starter-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+ <Button
+
+      href="https://console.azion.com/create/azion/bot-manager-starter-kit"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -98,11 +107,11 @@ The testing page will render the response to the request:
 
 The Bot Manager Lite function instance is set to always write logs. This way, whenever you hit any of the "Send Request" buttons, it'll generate logs that can be monitored in [Real-Time Events](/en/documentation/products/guides/secure/manage-bots/#use-real-time-events-to-observe-and-calibrate-rules) and [Data Stream](/en/documentation/products/observe/data-stream/).
 
-<LinkButton link="/en/documentation/products/observe/real-time-events/" label="go to real-time events reference" severity="secondary" /> 
+<Button href="/en/documentation/products/observe/real-time-events/" label="go to real-time events reference" type="primary" theme="light" /> 
 
 
 <br />
-<LinkButton link="/en/documentation/products/observe/real-time-events/" label="go to Data Stream reference" severity="secondary" /> 
+<Button href="/en/documentation/products/observe/real-time-events/" label="go to Data Stream reference" type="primary" theme="light" /> 
 
 
 
@@ -129,9 +138,9 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/bot-with-firewall.mdx b/src/content/docs/en/pages/guides/marketplace/templates/bot-with-firewall.mdx
index c8db975807..da4708dc62 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/bot-with-firewall.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/bot-with-firewall.mdx
@@ -42,12 +42,21 @@ Before deploying this template, you must:
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion/bot-manager-integration-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion/bot-manager-integration-kit"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -128,9 +137,9 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide reference" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide reference" type="primary" theme="light" /> 
 
 
 Learn how to add Bot Manager Lite to an existent Firewall with a template. Watch the video below:
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/bot-with-tor.mdx b/src/content/docs/en/pages/guides/marketplace/templates/bot-with-tor.mdx
index e2470d3be9..c918842143 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/bot-with-tor.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/bot-with-tor.mdx
@@ -42,12 +42,21 @@ Before deploying this template, you must:
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion/bot-manager-and-tor-block-starter-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion/bot-manager-and-tor-block-starter-kit"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -124,9 +133,9 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide reference" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide reference" type="primary" theme="light" /> 
 
 
 Learn how to block Tor Exit Nodes requests using a template. Watch the video below:
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/butter-cms.mdx b/src/content/docs/en/pages/guides/marketplace/templates/butter-cms.mdx
index a1d5731272..5a0d260253 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/butter-cms.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/butter-cms.mdx
@@ -41,36 +41,81 @@ The deployment process for each of these templates creates a GitHub repository f
 
 You can obtain and configure your templates through the Azion Console. To easily deploy any of them at the edge, click the respective button below.
 
-<LinkButton
-   label="Deploy ButterCMS + Gatsby Starter Project"
-   link="https://console.azion.com/create/buttercms/buttercms-gatsby-starter"
-   icon="ai ai-azion"
-   icon-pos="left"
-/>
-<LinkButton
-   label="Deploy ButterCMS + Angular Starter Project"
-   link="https://console.azion.com/create/buttercms/buttercms-angular-starter"
-   icon="ai ai-azion"
-   icon-pos="left"
-/>
-<LinkButton
-   label="Deploy ButterCMS + Nuxt Starter Project/;."
-   link="https://console.azion.com/create/buttercms/buttercms-nuxt-starter"
-   icon="ai ai-azion"
-   icon-pos="left"
-/>
-<LinkButton
-   label="Deploy ButterCMS + React Starter Project"
-   link="https://console.azion.com/create/buttercms/buttercms-react-starter"
-   icon="ai ai-azion"
-   icon-pos="left"
-/>
-<LinkButton
-   label="Deploy ButterCMS + Vue.js Starter Project"
-   link="https://console.azion.com/create/buttercms/buttercms-vue-starter"
-   icon="ai ai-azion"
-   icon-pos="left"
-/>
+<Button
+
+     href="https://console.azion.com/create/buttercms/buttercms-gatsby-starter"
+
+     label="Deploy ButterCMS + Gatsby Starter Project"
+
+     type="primary"
+
+     theme="light"
+
+     icon="ai ai-azion"
+
+     icon-pos="left"
+
+   />
+<Button
+
+     href="https://console.azion.com/create/buttercms/buttercms-angular-starter"
+
+     label="Deploy ButterCMS + Angular Starter Project"
+
+     type="primary"
+
+     theme="light"
+
+     icon="ai ai-azion"
+
+     icon-pos="left"
+
+   />
+<Button
+
+     href="https://console.azion.com/create/buttercms/buttercms-nuxt-starter"
+
+     label="Deploy ButterCMS + Nuxt Starter Project/;."
+
+     type="primary"
+
+     theme="light"
+
+     icon="ai ai-azion"
+
+     icon-pos="left"
+
+   />
+<Button
+
+     href="https://console.azion.com/create/buttercms/buttercms-react-starter"
+
+     label="Deploy ButterCMS + React Starter Project"
+
+     type="primary"
+
+     theme="light"
+
+     icon="ai ai-azion"
+
+     icon-pos="left"
+
+   />
+<Button
+
+     href="https://console.azion.com/create/buttercms/buttercms-vue-starter"
+
+     label="Deploy ButterCMS + Vue.js Starter Project"
+
+     type="primary"
+
+     theme="light"
+
+     icon="ai ai-azion"
+
+     icon-pos="left"
+
+   />
 
 ---
 
@@ -117,6 +162,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" type="primary" theme="light" />
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/clean-angular-sanity.mdx b/src/content/docs/en/pages/guides/marketplace/templates/clean-angular-sanity.mdx
index 219be49d3e..7211518518 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/clean-angular-sanity.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/clean-angular-sanity.mdx
@@ -31,12 +31,21 @@ This template uses Angular version `16.0.1`.
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-  label="Deploy"
-  link="https://console.azion.com/create/sanity/clean-angular-sanity-app"
-  icon="ai ai-azion"
-  icon-pos="left"
-/>
+<Button
+
+    href="https://console.azion.com/create/sanity/clean-angular-sanity-app"
+
+    label="Deploy"
+
+    type="primary"
+
+    theme="light"
+
+    icon="ai ai-azion"
+
+    icon-pos="left"
+
+  />
 
 ---
 
@@ -93,6 +102,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" type="primary" theme="light" />
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/clean-astro-sanity.mdx b/src/content/docs/en/pages/guides/marketplace/templates/clean-astro-sanity.mdx
index c698aa4f22..7f176ea253 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/clean-astro-sanity.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/clean-astro-sanity.mdx
@@ -31,12 +31,21 @@ This template uses Astro version `3.1.4`.
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-  label="Deploy"
-  link="https://console.azion.com/create/sanity/clean-astro-sanity-app"
-  icon="ai ai-azion"
-  icon-pos="left"
-/>
+<Button
+
+    href="https://console.azion.com/create/sanity/clean-astro-sanity-app"
+
+    label="Deploy"
+
+    type="primary"
+
+    theme="light"
+
+    icon="ai ai-azion"
+
+    icon-pos="left"
+
+  />
 
 ---
 
@@ -93,6 +102,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" type="primary" theme="light" />
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/clean-nuxt-sanity.mdx b/src/content/docs/en/pages/guides/marketplace/templates/clean-nuxt-sanity.mdx
index f80f9ad41c..4b8122298a 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/clean-nuxt-sanity.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/clean-nuxt-sanity.mdx
@@ -31,12 +31,21 @@ This template uses Nuxt version `3.12.3`.
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-  label="Deploy"
-  link="https://console.azion.com/create/sanity/clean-nuxt-sanity-app"
-  icon="ai ai-azion"
-  icon-pos="left"
-/>
+<Button
+
+    href="https://console.azion.com/create/sanity/clean-nuxt-sanity-app"
+
+    label="Deploy"
+
+    type="primary"
+
+    theme="light"
+
+    icon="ai ai-azion"
+
+    icon-pos="left"
+
+  />
 
 ---
 
@@ -95,6 +104,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" type="primary" theme="light" />
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/cosmic-agency-website.mdx b/src/content/docs/en/pages/guides/marketplace/templates/cosmic-agency-website.mdx
index dfa916d8dc..97b67c745b 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/cosmic-agency-website.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/cosmic-agency-website.mdx
@@ -32,12 +32,21 @@ This template uses Next version `14.2.5`.
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
- <LinkButton
-   label="Deploy"
-   link="https://console.azion.com/create/cosmic/cosmic-agency-website"
-   icon="ai ai-azion"
-   icon-pos="left"
- />
+ <Button
+
+     href="https://console.azion.com/create/cosmic/cosmic-agency-website"
+
+     label="Deploy"
+
+     type="primary"
+
+     theme="light"
+
+     icon="ai ai-azion"
+
+     icon-pos="left"
+
+   />
 
 ---
 
@@ -91,6 +100,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" type="primary" theme="light" />
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/cosmic-simple-astro-blog.mdx b/src/content/docs/en/pages/guides/marketplace/templates/cosmic-simple-astro-blog.mdx
index b42f77036c..ca3fd49c0d 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/cosmic-simple-astro-blog.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/cosmic-simple-astro-blog.mdx
@@ -30,12 +30,21 @@ This template uses Astro version `3.0.8`.
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
- <LinkButton
-   label="Deploy"
-   link="https://console.azion.com/create/cosmic/cosmic-simple-astro-blog"
-   icon="ai ai-azion"
-   icon-pos="left"
- />
+ <Button
+
+     href="https://console.azion.com/create/cosmic/cosmic-simple-astro-blog"
+
+     label="Deploy"
+
+     type="primary"
+
+     theme="light"
+
+     icon="ai ai-azion"
+
+     icon-pos="left"
+
+   />
 
 ---
 
@@ -89,6 +98,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" type="primary" theme="light" />
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/cosmicjs-simple-next-blog-template.mdx b/src/content/docs/en/pages/guides/marketplace/templates/cosmicjs-simple-next-blog-template.mdx
index 5bfa9327bb..9329919420 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/cosmicjs-simple-next-blog-template.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/cosmicjs-simple-next-blog-template.mdx
@@ -31,12 +31,21 @@ This template uses Next version `14.2.5`.
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
- <LinkButton
-   label="Deploy"
-   link="https://console.azion.com/create/cosmic/cosmic-simple-nextjs-blog"
-   icon="ai ai-azion"
-   icon-pos="left"
- />
+ <Button
+
+     href="https://console.azion.com/create/cosmic/cosmic-simple-nextjs-blog"
+
+     label="Deploy"
+
+     type="primary"
+
+     theme="light"
+
+     icon="ai ai-azion"
+
+     icon-pos="left"
+
+   />
 
 ---
 
@@ -86,6 +95,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" type="primary" theme="light" />
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/devscard.mdx b/src/content/docs/en/pages/guides/marketplace/templates/devscard.mdx
index e5bca9c520..939b8a1c06 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/devscard.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/devscard.mdx
@@ -34,12 +34,21 @@ This template uses version `2.8.0` of Astro.
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion-community/devscard"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion-community/devscard"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -88,6 +97,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/docusaurus-javascript-boilerplate.mdx b/src/content/docs/en/pages/guides/marketplace/templates/docusaurus-javascript-boilerplate.mdx
index 870ff7521e..c1f5e5c15c 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/docusaurus-javascript-boilerplate.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/docusaurus-javascript-boilerplate.mdx
@@ -36,12 +36,21 @@ This template uses `Docusaurus 3`.
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/docusaurus/docusaurus-boilerplate-javascript"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/docusaurus/docusaurus-boilerplate-javascript"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -90,6 +99,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="Go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="Go to configuring a domain guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/docusaurus-material-ui-template.mdx b/src/content/docs/en/pages/guides/marketplace/templates/docusaurus-material-ui-template.mdx
index 6b64263498..dfeebf9081 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/docusaurus-material-ui-template.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/docusaurus-material-ui-template.mdx
@@ -38,12 +38,21 @@ This is a community template. It was created by third-party or external develope
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/docusaurus/docusaurus-material-ui"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/docusaurus/docusaurus-material-ui"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -92,6 +101,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="Go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="Go to configuring a domain guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/docusaurus-typescript-boilerplate.mdx b/src/content/docs/en/pages/guides/marketplace/templates/docusaurus-typescript-boilerplate.mdx
index 189e8b634e..628d377ab5 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/docusaurus-typescript-boilerplate.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/docusaurus-typescript-boilerplate.mdx
@@ -36,12 +36,21 @@ This template uses `Docusaurus 3`.
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-  <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/docusaurus/docusaurus-boilerplate-typescript"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/docusaurus/docusaurus-boilerplate-typescript"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -90,6 +99,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="Go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="Go to configuring a domain guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/dynamic-and-static-file-optimization.mdx b/src/content/docs/en/pages/guides/marketplace/templates/dynamic-and-static-file-optimization.mdx
index 849fc84e1e..2d6e48f420 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/dynamic-and-static-file-optimization.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/dynamic-and-static-file-optimization.mdx
@@ -30,12 +30,21 @@ By deploying this template, the platform creates a new application including all
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion/dynamic-and-static-file-optimization"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion/dynamic-and-static-file-optimization"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -99,9 +108,9 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
 
 
 Learn how to deploy the Dynamic and Static File Optimization template. Watch the video below:
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/edge-ai-starter-kit.mdx b/src/content/docs/en/pages/guides/marketplace/templates/edge-ai-starter-kit.mdx
index 2c89d7b3f2..b8d74b3827 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/edge-ai-starter-kit.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/edge-ai-starter-kit.mdx
@@ -28,12 +28,21 @@ The deployment of this template creates an application with a function and a dom
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/starter-kit-edge-ai"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/starter-kit-edge-ai"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -118,6 +127,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="Go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="Go to configuring a domain guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/edge-application-proxy.mdx b/src/content/docs/en/pages/guides/marketplace/templates/edge-application-proxy.mdx
index 4c197dd29d..e811c3db01 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/edge-application-proxy.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/edge-application-proxy.mdx
@@ -9,7 +9,7 @@ permalink: /documentation/products/guides/edge-application-proxy-template/
 ---
 
 import Tag from 'primevue/tag';
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 <Tag severity="info" client:only="vue">
 Preview
@@ -36,12 +36,21 @@ You must link your origin with the template to start using this set of rules. Af
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-  <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion/edge-application-proxy"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/azion/edge-application-proxy"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/edge-function-github-autopeploy.mdx b/src/content/docs/en/pages/guides/marketplace/templates/edge-function-github-autopeploy.mdx
index 886e7b6654..6c59a991e1 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/edge-function-github-autopeploy.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/edge-function-github-autopeploy.mdx
@@ -32,12 +32,21 @@ By using this template, you just need to create your function with an applicatio
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
- <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/github/edge-function-github-autodeploy"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+ <Button
+
+      href="https://console.azion.com/create/github/edge-function-github-autodeploy"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -92,7 +101,7 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The new application has an assigned Azion Workload domain to make it accessible through the browser, with the following format: `xxxxxxxxxx.map.azionedge.net`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/build/edge-application/domains/" label="go to Workloads reference" severity="secondary" /> 
+<Button href="/en/documentation/products/build/edge-application/domains/" label="go to Workloads reference" type="primary" theme="light" /> 
 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/edge-function-starter-kit.mdx b/src/content/docs/en/pages/guides/marketplace/templates/edge-function-starter-kit.mdx
index 829e2e0c72..78bf2017a0 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/edge-function-starter-kit.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/edge-function-starter-kit.mdx
@@ -28,12 +28,21 @@ The deployment of this template creates an application, a basic "Hello World”
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/edge-function-starter-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/edge-function-starter-kit"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -98,6 +107,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/edgesql-starter-kit.mdx b/src/content/docs/en/pages/guides/marketplace/templates/edgesql-starter-kit.mdx
index b6a5bb4568..d44f354f8d 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/edgesql-starter-kit.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/edgesql-starter-kit.mdx
@@ -33,12 +33,21 @@ The deployment of this template creates a GitHub repository containing your proj
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-  <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion/edgesql-starter-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/azion/edgesql-starter-kit"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -87,6 +96,6 @@ Read the documentation for more details about [managing applications](/en/docume
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="Go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="Go to configuring a domain guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/eleventy-ecommerce-collection.mdx b/src/content/docs/en/pages/guides/marketplace/templates/eleventy-ecommerce-collection.mdx
index 3ccd436e49..babb446628 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/eleventy-ecommerce-collection.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/eleventy-ecommerce-collection.mdx
@@ -8,7 +8,7 @@ namespace: docs_guides_eleventy_ecommerce_templates_collection
 permalink: /documentation/products/guides/eleventy-ecommerce-collection/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag';
 
 <Tag severity="info" client:only="vue">
@@ -38,18 +38,36 @@ The deployment process for each of these templates creates a GitHub repository f
 
 You can obtain and configure your templates through the Azion Console. To easily deploy any of them at the edge, click the respective button below.
 
-<LinkButton
-    label="Deploy Eleventy 2 Snipcart"
-    link="https://console.azion.com/create/azion-community/eleventy-to-snipcart"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
-<LinkButton
-    label="Deploy 11ty and Snipcart for eCommerce"
-    link="https://console.azion.com/create/azion-community/eleventy-snipcart-for-ecommerce"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion-community/eleventy-to-snipcart"
+
+      label="Deploy Eleventy 2 Snipcart"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
+<Button
+
+      href="https://console.azion.com/create/azion-community/eleventy-snipcart-for-ecommerce"
+
+      label="Deploy 11ty and Snipcart for eCommerce"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -98,4 +116,4 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/gatsby-blog-starter-kit.mdx b/src/content/docs/en/pages/guides/marketplace/templates/gatsby-blog-starter-kit.mdx
index f8db3b1290..da00bf0c92 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/gatsby-blog-starter-kit.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/gatsby-blog-starter-kit.mdx
@@ -35,12 +35,21 @@ To use this template, you must:
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
- <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/gatsby/gatsby-blog-starter-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+ <Button
+
+      href="https://console.azion.com/create/gatsby/gatsby-blog-starter-kit"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -88,9 +97,9 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/gatsby-boilerplate.mdx b/src/content/docs/en/pages/guides/marketplace/templates/gatsby-boilerplate.mdx
index 62b8a19907..35cfe7654a 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/gatsby-boilerplate.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/gatsby-boilerplate.mdx
@@ -35,12 +35,21 @@ To use this template, you must:
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
- <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/gatsby/gatsby-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+ <Button
+
+      href="https://console.azion.com/create/gatsby/gatsby-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -88,9 +97,9 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/gatsby-ecomerce-theme.mdx b/src/content/docs/en/pages/guides/marketplace/templates/gatsby-ecomerce-theme.mdx
index 949fc4d189..697851a7cb 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/gatsby-ecomerce-theme.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/gatsby-ecomerce-theme.mdx
@@ -34,12 +34,21 @@ This template uses Gatsby version `5.13.3`.
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/gatsby/gatsby-ecommerce-theme"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/gatsby/gatsby-ecommerce-theme"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -88,6 +97,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/hello-world.mdx b/src/content/docs/en/pages/guides/marketplace/templates/hello-world.mdx
index 0743a27f97..8924e55e28 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/hello-world.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/hello-world.mdx
@@ -29,12 +29,21 @@ The Azion **Hello World** template deploys an application that prints a *Hello,
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion/edge-hello-world"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion/edge-hello-world"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -91,9 +100,9 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/build/edge-application/domains/" label="go to Workloads reference" severity="secondary" /> 
+<Button href="/en/documentation/products/build/edge-application/domains/" label="go to Workloads reference" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/hexo-boilerplate.mdx b/src/content/docs/en/pages/guides/marketplace/templates/hexo-boilerplate.mdx
index 2e339b429d..469fa25033 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/hexo-boilerplate.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/hexo-boilerplate.mdx
@@ -32,12 +32,21 @@ This template uses Hexo version `6.3.0`.
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/hexo/hexo-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/hexo/hexo-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -94,9 +103,9 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/build/edge-application/domains/" label="go to Workloads reference" severity="secondary" /> 
+<Button href="/en/documentation/products/build/edge-application/domains/" label="go to Workloads reference" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/htmx-minimal.mdx b/src/content/docs/en/pages/guides/marketplace/templates/htmx-minimal.mdx
index 608bb2353a..002c2521bb 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/htmx-minimal.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/htmx-minimal.mdx
@@ -32,12 +32,21 @@ Before deploying this template, you need:
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/htmx/htmx-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/htmx/htmx-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -85,9 +94,9 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/hugo-boilerplate.mdx b/src/content/docs/en/pages/guides/marketplace/templates/hugo-boilerplate.mdx
index 73ef833a9e..c8623326f1 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/hugo-boilerplate.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/hugo-boilerplate.mdx
@@ -34,12 +34,21 @@ This template uses Hugo version `0.119.0`.
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
- <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/hugo/hugo-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+ <Button
+
+      href="https://console.azion.com/create/hugo/hugo-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -88,6 +97,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="Go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="Go to configuring a domain guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/hugo-ecommerce-collection.mdx b/src/content/docs/en/pages/guides/marketplace/templates/hugo-ecommerce-collection.mdx
index b1a77bd90c..8346847f26 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/hugo-ecommerce-collection.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/hugo-ecommerce-collection.mdx
@@ -8,7 +8,7 @@ namespace: docs_guides_hugo_ecommerce_templates_collection
 permalink: /documentation/products/guides/hugo-ecommerce-collection/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag';
 
 <Tag severity="info" client:only="vue">
@@ -38,18 +38,36 @@ The deployment process for each of these templates creates a GitHub repository f
 
 You can obtain and configure your templates through the Azion Console. To easily deploy any of them at the edge, click the respective button below.
 
-<LinkButton
-    label="Deploy Influencer Hugo"
-    link="https://console.azion.com/create/azion-community/influencer-hugo"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
-<LinkButton
-    label="Deploy Vex Hugo"
-    link="https://console.azion.com/create/azion-community/vex-hugo"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion-community/influencer-hugo"
+
+      label="Deploy Influencer Hugo"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
+<Button
+
+      href="https://console.azion.com/create/azion-community/vex-hugo"
+
+      label="Deploy Vex Hugo"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -98,4 +116,4 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/image-optimization.mdx b/src/content/docs/en/pages/guides/marketplace/templates/image-optimization.mdx
index 39ab9c73d3..6da03e6e94 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/image-optimization.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/image-optimization.mdx
@@ -9,7 +9,7 @@ permalink: /documentation/products/guides/image-optimization-template/
 ---
 
 import Tag from 'primevue/tag';
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 <Tag severity="info" client:only="vue">
 Preview
@@ -32,12 +32,21 @@ The file extensions that can be enhanced with these configurations are `.jpg`, `
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-  <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion/image-optimization"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/azion/image-optimization"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/jekyll-boilerplate.mdx b/src/content/docs/en/pages/guides/marketplace/templates/jekyll-boilerplate.mdx
index ac75153d59..b2f3fa2016 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/jekyll-boilerplate.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/jekyll-boilerplate.mdx
@@ -38,12 +38,21 @@ This template uses Jekyll version `4.3.3`.
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/jekyll/jekyll-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/jekyll/jekyll-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -92,9 +101,9 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/jekyll-ecommerce-collection.mdx b/src/content/docs/en/pages/guides/marketplace/templates/jekyll-ecommerce-collection.mdx
index 9be8cdbd82..6500386c47 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/jekyll-ecommerce-collection.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/jekyll-ecommerce-collection.mdx
@@ -8,7 +8,7 @@ namespace: docs_guides_jekyll_ecommerce_templates_collection
 permalink: /documentation/products/guides/jekyll-ecommerce-collection/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag';
 
 <Tag severity="info" client:only="vue">
@@ -38,18 +38,36 @@ The deployment process for each of these templates creates a GitHub repository f
 
 You can obtain and configure your templates through the Azion Console. To easily deploy any of them at the edge, click the respective button below.
 
-<LinkButton
-    label="Deploy Jekyll Cart"
-    link="https://console.azion.com/create/azion-community/jekyll-cart"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
-<LinkButton
-    label="Deploy Supply"
-    link="https://console.azion.com/create/azion-community/jekyll-supply"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion-community/jekyll-cart"
+
+      label="Deploy Jekyll Cart"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
+<Button
+
+      href="https://console.azion.com/create/azion-community/jekyll-supply"
+
+      label="Deploy Supply"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -98,4 +116,4 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/langgraph-template.mdx b/src/content/docs/en/pages/guides/marketplace/templates/langgraph-template.mdx
index c344ae4293..e4c0bc4f1d 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/langgraph-template.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/langgraph-template.mdx
@@ -35,12 +35,21 @@ This template uses Vue version `3.3.4`.
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/langgraph-ai-agent-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/langgraph-ai-agent-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -185,6 +194,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/mongodb-template.mdx b/src/content/docs/en/pages/guides/marketplace/templates/mongodb-template.mdx
index bcc134706e..1ca86ff92d 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/mongodb-template.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/mongodb-template.mdx
@@ -41,12 +41,21 @@ Any cost generated by MongoDB usage will be processed and billed separately on t
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
- <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/mongodb-atlas/mongodb-atlas"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+ <Button
+
+      href="https://console.azion.com/create/mongodb-atlas/mongodb-atlas"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -243,9 +252,9 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/build/edge-application/domains/" label="go to Workloads reference" severity="secondary" /> 
+<Button href="/en/documentation/products/build/edge-application/domains/" label="go to Workloads reference" type="primary" theme="light" /> 
 
 
 Learn how to deploy the MongoDB Atlas Boilerplate. Watch the video below:
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/neon-database-with-drizzle.mdx b/src/content/docs/en/pages/guides/marketplace/templates/neon-database-with-drizzle.mdx
index 6a186aae26..2b5b9e020f 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/neon-database-with-drizzle.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/neon-database-with-drizzle.mdx
@@ -32,12 +32,21 @@ This template uses [Application Accelerator](/en/documentation/products/build/ap
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion-community/neon-database-with-drizzle"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion-community/neon-database-with-drizzle"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -86,6 +95,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/next-app-config.mdx b/src/content/docs/en/pages/guides/marketplace/templates/next-app-config.mdx
index 1630519732..8954bf05ce 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/next-app-config.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/next-app-config.mdx
@@ -38,12 +38,21 @@ To use this template, you need:
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/nextjs/nextjs-app-configurations"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/nextjs/nextjs-app-configurations"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -91,9 +100,9 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/next-app-middleware.mdx b/src/content/docs/en/pages/guides/marketplace/templates/next-app-middleware.mdx
index c78feca903..4d0a34d0e8 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/next-app-middleware.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/next-app-middleware.mdx
@@ -38,12 +38,21 @@ To use this template, you need:
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/nextjs/nextjs-app-middleware"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/nextjs/nextjs-app-middleware"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -91,9 +100,9 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/next-pages-config.mdx b/src/content/docs/en/pages/guides/marketplace/templates/next-pages-config.mdx
index 2ae9b85d99..c6fd8b1f67 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/next-pages-config.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/next-pages-config.mdx
@@ -38,12 +38,21 @@ To use this template, you need:
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-  <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/nextjs/nextjs-pages-configurations"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/nextjs/nextjs-pages-configurations"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -91,9 +100,9 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/next-pages-middleware.mdx b/src/content/docs/en/pages/guides/marketplace/templates/next-pages-middleware.mdx
index aa54ebe4be..9ce8a9d135 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/next-pages-middleware.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/next-pages-middleware.mdx
@@ -38,12 +38,21 @@ To use this template, you need:
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
- <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/nextjs/nextjs-pages-middleware"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+ <Button
+
+      href="https://console.azion.com/create/nextjs/nextjs-pages-middleware"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -91,9 +100,9 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/nextjs-ecommerce-collection.mdx b/src/content/docs/en/pages/guides/marketplace/templates/nextjs-ecommerce-collection.mdx
index 18cac40c03..01c9386fa6 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/nextjs-ecommerce-collection.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/nextjs-ecommerce-collection.mdx
@@ -8,7 +8,7 @@ namespace: docs_guides_nextjs_ecommerce_templates_collection
 permalink: /documentation/products/guides/next-js-ecommerce-collection/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag';
 
 <Tag severity="info" client:only="vue">
@@ -41,36 +41,81 @@ The deployment process for each of these templates creates a GitHub repository f
 
 You can obtain and configure your templates through the Azion Console. To easily deploy any of them at the edge, click the respective button below.
 
-<LinkButton
-    label="Deploy Ecommerce Stationery NextJs"
-    link="https://console.azion.com/create/azion-community/ecommerce-stationery-next"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
-<LinkButton
-    label="Deploy Kupingplug"
-    link="https://console.azion.com/create/azion-community/kupingplug"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
-  <LinkButton
-    label="Deploy NextJs Store Ecommerce"
-    link="https://console.azion.com/create/azion-community/nextjs-store-ecommerce"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
-  <LinkButton
-    label="Deploy Simple Ecommerce Next.js"
-    link="https://console.azion.com/create/azion-community/simple-ecommerce-next"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
-  <LinkButton
-    label="Deploy Space Jelly Shop"
-    link="https://console.azion.com/create/azion-community/space-jelly-shop"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion-community/ecommerce-stationery-next"
+
+      label="Deploy Ecommerce Stationery NextJs"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
+<Button
+
+      href="https://console.azion.com/create/azion-community/kupingplug"
+
+      label="Deploy Kupingplug"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
+  <Button
+
+      href="https://console.azion.com/create/azion-community/nextjs-store-ecommerce"
+
+      label="Deploy NextJs Store Ecommerce"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
+  <Button
+
+      href="https://console.azion.com/create/azion-community/simple-ecommerce-next"
+
+      label="Deploy Simple Ecommerce Next.js"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
+  <Button
+
+      href="https://console.azion.com/create/azion-community/space-jelly-shop"
+
+      label="Deploy Space Jelly Shop"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -119,4 +164,4 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/nextjs-static-boilerplate.mdx b/src/content/docs/en/pages/guides/marketplace/templates/nextjs-static-boilerplate.mdx
index 8e425858f2..b6ba68ace2 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/nextjs-static-boilerplate.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/nextjs-static-boilerplate.mdx
@@ -67,12 +67,21 @@ These features require a Node.js server or dynamic logic that can't be computed
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/nextjs/next-static-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/nextjs/next-static-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -129,8 +138,8 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/build/edge-application/domains/" label="go to Workloads reference" severity="secondary" /> 
+<Button href="/en/documentation/products/build/edge-application/domains/" label="go to Workloads reference" type="primary" theme="light" /> 
 
 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/nuxt-content.mdx b/src/content/docs/en/pages/guides/marketplace/templates/nuxt-content.mdx
index e9522be9be..14e54a8f5b 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/nuxt-content.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/nuxt-content.mdx
@@ -34,12 +34,21 @@ This is a community template. It was created by third-party or external develope
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion-community/nuxt-content"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion-community/nuxt-content"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -88,6 +97,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/nuxt-notes.mdx b/src/content/docs/en/pages/guides/marketplace/templates/nuxt-notes.mdx
index fac353b198..4eddabffb2 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/nuxt-notes.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/nuxt-notes.mdx
@@ -34,12 +34,21 @@ This is a community template. It was created by third-party or external develope
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion-community/nuxt-notes"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion-community/nuxt-notes"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -88,6 +97,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/nuxt-static-boilerplate.mdx b/src/content/docs/en/pages/guides/marketplace/templates/nuxt-static-boilerplate.mdx
index 6a684ba7fc..66d11db085 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/nuxt-static-boilerplate.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/nuxt-static-boilerplate.mdx
@@ -30,12 +30,21 @@ This template uses Nuxt version `3.13.0`.
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/nuxt-static-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/nuxt-static-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -84,6 +93,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/preact-javascript-boilerplate.mdx b/src/content/docs/en/pages/guides/marketplace/templates/preact-javascript-boilerplate.mdx
index a9c9887764..85c45691ab 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/preact-javascript-boilerplate.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/preact-javascript-boilerplate.mdx
@@ -33,12 +33,21 @@ This template uses Preact `10.25.3` and Vite `6.0.4` as its build tool.
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-  <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/preact/preact-js-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/preact/preact-js-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -87,6 +96,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="Go to configuring a domain guide" severity="secondary" /> 
\ No newline at end of file
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="Go to configuring a domain guide" type="primary" theme="light" /> 
\ No newline at end of file
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/preact-typescript-boilerplate.mdx b/src/content/docs/en/pages/guides/marketplace/templates/preact-typescript-boilerplate.mdx
index 2a65eeb6c7..ed98893cc9 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/preact-typescript-boilerplate.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/preact-typescript-boilerplate.mdx
@@ -33,12 +33,21 @@ This template uses Preact `10.25.3` and Vite `6.0.4` as its build tool.
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-  <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/preact/preact-ts-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/preact/preact-ts-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -87,6 +96,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="Go to configuring a domain guide" severity="secondary" /> 
\ No newline at end of file
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="Go to configuring a domain guide" type="primary" theme="light" /> 
\ No newline at end of file
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/qstash-scheduler.mdx b/src/content/docs/en/pages/guides/marketplace/templates/qstash-scheduler.mdx
index 4827888d2b..72abf27221 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/qstash-scheduler.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/qstash-scheduler.mdx
@@ -38,12 +38,21 @@ Any cost generated by Qstash usage will be processed and billed separately on th
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/upstash/qstash-edgefunction-scheduler"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/upstash/qstash-edgefunction-scheduler"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -188,9 +197,9 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
 
 Learn how to use the QStash EdgeFunction Scheduler template through Azion. Watch the video below:
 <div class="cms-embed">
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/qwik-boilerplate.mdx b/src/content/docs/en/pages/guides/marketplace/templates/qwik-boilerplate.mdx
index 6d80b8c81e..bf5027a3f1 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/qwik-boilerplate.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/qwik-boilerplate.mdx
@@ -33,12 +33,21 @@ This template uses Qwik version `1.12.0`.
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-  <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/qwik/qwik-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/qwik/qwik-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -87,6 +96,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/qwik-minimal.mdx b/src/content/docs/en/pages/guides/marketplace/templates/qwik-minimal.mdx
index bccd5ddc88..5d32f89451 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/qwik-minimal.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/qwik-minimal.mdx
@@ -33,12 +33,21 @@ This template uses Qwik version `1.12.0`.
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-  <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/qwik/qwik-minimal"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/qwik/qwik-minimal"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -87,6 +96,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/react-boilerplate.mdx b/src/content/docs/en/pages/guides/marketplace/templates/react-boilerplate.mdx
index 03d880830b..ea1fb6da22 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/react-boilerplate.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/react-boilerplate.mdx
@@ -32,12 +32,21 @@ This template uses React version `18.2.0`.
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
- <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/react/react-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+ <Button
+
+      href="https://console.azion.com/create/react/react-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -96,9 +105,9 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/build/edge-application/domains/" label="go to Workloads reference" severity="secondary" /> 
+<Button href="/en/documentation/products/build/edge-application/domains/" label="go to Workloads reference" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/react-book-store.mdx b/src/content/docs/en/pages/guides/marketplace/templates/react-book-store.mdx
index 7540919bc1..1debfb72fb 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/react-book-store.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/react-book-store.mdx
@@ -34,12 +34,21 @@ This template uses React version `16.13.1`.
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion-community/book-store-react"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion-community/book-store-react"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -88,6 +97,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/static-cache.mdx b/src/content/docs/en/pages/guides/marketplace/templates/static-cache.mdx
index ba2c7772e0..23dfa32613 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/static-cache.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/static-cache.mdx
@@ -9,7 +9,7 @@ permalink: /documentation/products/guides/static-cache-template/
 ---
 
 import Tag from 'primevue/tag';
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 <Tag severity="info" client:only="vue">
 Preview
@@ -36,12 +36,21 @@ This template:
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
- <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion/static-cache"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+ <Button
+
+      href="https://console.azion.com/create/azion/static-cache"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/stencil-boilerplate.mdx b/src/content/docs/en/pages/guides/marketplace/templates/stencil-boilerplate.mdx
index 92245b177b..fc2a538be2 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/stencil-boilerplate.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/stencil-boilerplate.mdx
@@ -34,12 +34,21 @@ This template uses Stencil version `4.22.2`.
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/stencil-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/stencil-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -88,6 +97,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="Go to configuring a domain guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="Go to configuring a domain guide" type="primary" theme="light" />
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/stencil-pwa-boilerplate.mdx b/src/content/docs/en/pages/guides/marketplace/templates/stencil-pwa-boilerplate.mdx
index 4458ac811a..0f901ed270 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/stencil-pwa-boilerplate.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/stencil-pwa-boilerplate.mdx
@@ -30,12 +30,21 @@ This template uses Stencil version `4.17.0`.
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/stencil/stencil-pwa-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/stencil/stencil-pwa-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -84,6 +93,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/svelte-boilerplate.mdx b/src/content/docs/en/pages/guides/marketplace/templates/svelte-boilerplate.mdx
index f10948159f..e778c5da90 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/svelte-boilerplate.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/svelte-boilerplate.mdx
@@ -31,12 +31,21 @@ This template uses Svelte version `4.2.7` and Vite version `5.0.3`.
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
- <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/svelte/svelte-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+ <Button
+
+      href="https://console.azion.com/create/svelte/svelte-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -89,9 +98,9 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/tidb-with-drizzle.mdx b/src/content/docs/en/pages/guides/marketplace/templates/tidb-with-drizzle.mdx
index afef2acbea..cf0fa9906d 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/tidb-with-drizzle.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/tidb-with-drizzle.mdx
@@ -32,12 +32,21 @@ The deployment of this template creates a GitHub repository containing your proj
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion-community/tidb-with-drizzle"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion-community/tidb-with-drizzle"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -90,6 +99,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/turso-starter-kit.mdx b/src/content/docs/en/pages/guides/marketplace/templates/turso-starter-kit.mdx
index f7a813126c..80a2218c36 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/turso-starter-kit.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/turso-starter-kit.mdx
@@ -39,12 +39,21 @@ Any cost generated by Turso usage will be processed and billed separately on the
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/turso/turso-starter-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/turso/turso-starter-kit"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -117,9 +126,9 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" />
 
 Learn how to integrate a Turso database with Azion using a template. Watch the video below:
 <div class="cms-embed">
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/turso-with-drizzle.mdx b/src/content/docs/en/pages/guides/marketplace/templates/turso-with-drizzle.mdx
index 91701f884d..dddc788dac 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/turso-with-drizzle.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/turso-with-drizzle.mdx
@@ -32,12 +32,21 @@ The deployment of this template creates a GitHub repository containing your proj
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion-community/turso-with-drizzle"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion-community/turso-with-drizzle"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -88,6 +97,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="Go to Configuring a Domain Guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/upstash-geolocation.mdx b/src/content/docs/en/pages/guides/marketplace/templates/upstash-geolocation.mdx
index 75f49bd668..1308ff7ff4 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/upstash-geolocation.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/upstash-geolocation.mdx
@@ -39,12 +39,21 @@ Any cost generated by Upstash usage will be processed and billed separately on t
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/upstash/upstash-geolocation"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/upstash/upstash-geolocation"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -121,9 +130,9 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
 
 
 Learn how to use the Upstash GeoLocation template through Azion. Watch the video below:
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/upstash-rate-limiting.mdx b/src/content/docs/en/pages/guides/marketplace/templates/upstash-rate-limiting.mdx
index 08db4a7d62..ed4188d48d 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/upstash-rate-limiting.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/upstash-rate-limiting.mdx
@@ -39,12 +39,21 @@ ___
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/upstash/upstash-ratelimit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/upstash/upstash-ratelimit"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ___
 
@@ -105,9 +114,9 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
 
 Learn how to deploy the Upstash Rate Limit template through Azion:
 <div class="cms-embed">
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/videoteca-static-cache.mdx b/src/content/docs/en/pages/guides/marketplace/templates/videoteca-static-cache.mdx
index 6c78a10706..30e46f119a 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/videoteca-static-cache.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/videoteca-static-cache.mdx
@@ -32,12 +32,21 @@ The deployment of this template creates a GitHub repository containing your proj
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/videofront/static-cache-videoteca-player"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/videofront/static-cache-videoteca-player"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -93,6 +102,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/vite-boilerplate.mdx b/src/content/docs/en/pages/guides/marketplace/templates/vite-boilerplate.mdx
index bdc58f1ab4..ad10ca6f98 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/vite-boilerplate.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/vite-boilerplate.mdx
@@ -34,12 +34,21 @@ To use this template, you must:
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/vitejs/vitejs-vue3-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/vitejs/vitejs-vue3-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -87,9 +96,9 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/vitepress-javascript-boilerplate.mdx b/src/content/docs/en/pages/guides/marketplace/templates/vitepress-javascript-boilerplate.mdx
index 90b08daba1..dc8560c8ef 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/vitepress-javascript-boilerplate.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/vitepress-javascript-boilerplate.mdx
@@ -37,12 +37,21 @@ VitePress JavaScript Boilerplate uses VitePress version `1.3.0`.
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
- <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/vitepress/vitepress-javascript-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+ <Button
+
+      href="https://console.azion.com/create/vitepress/vitepress-javascript-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -91,6 +100,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="Go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="Go to configuring a domain guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/vitepress-typescript-boilerplate.mdx b/src/content/docs/en/pages/guides/marketplace/templates/vitepress-typescript-boilerplate.mdx
index 2f1b5b19b0..b789ade5df 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/vitepress-typescript-boilerplate.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/vitepress-typescript-boilerplate.mdx
@@ -37,12 +37,21 @@ VitePress TypeScript Boilerplate uses VitePress version `1.3.0`.
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/vitepress/vitepress-typescript-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/vitepress/vitepress-typescript-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -91,6 +100,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="Go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="Go to configuring a domain guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/vue-boilerplate.mdx b/src/content/docs/en/pages/guides/marketplace/templates/vue-boilerplate.mdx
index 3cb344c1e1..ee396c0902 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/vue-boilerplate.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/vue-boilerplate.mdx
@@ -34,12 +34,21 @@ To use this template, you must:
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
- <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/vue/vue-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+ <Button
+
+      href="https://console.azion.com/create/vue/vue-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -98,9 +107,9 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/build/edge-application/domains/" label="go to Workloads reference" severity="secondary" /> 
+<Button href="/en/documentation/products/build/edge-application/domains/" label="go to Workloads reference" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/vuepress-boilerplate.mdx b/src/content/docs/en/pages/guides/marketplace/templates/vuepress-boilerplate.mdx
index ad34b1379b..46f0c87819 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/vuepress-boilerplate.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/vuepress-boilerplate.mdx
@@ -32,12 +32,21 @@ This template uses VuePress version `2.0.0`.
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/vuepress-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/vuepress-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -86,6 +95,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="Go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="Go to configuring a domain guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/vuepress-templates-collection.mdx b/src/content/docs/en/pages/guides/marketplace/templates/vuepress-templates-collection.mdx
index e0aaf35254..6ebde840f7 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/vuepress-templates-collection.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/vuepress-templates-collection.mdx
@@ -8,7 +8,7 @@ namespace: docs_guides_vuepress_templates_collection
 permalink: /documentation/products/guides/vuepress-templates-collection/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag';
 
 <Tag severity="info" client:only="vue">
@@ -41,36 +41,81 @@ The deployment process for each of these templates creates a GitHub repository f
 
 You can obtain and configure your templates through the Azion Console. To easily deploy any of them at the edge, click the respective button below.
 
-<LinkButton
-    label="Deploy VuePress Blog with Hope Theme"
-    link="https://console.azion.com/create/azion-community/vuepress-blog-hope"
-    icon="ai ai-azion"
-    icon-pos="left"
-/>
-<LinkButton
-    label="Deploy VuePress Docs with Hope Theme"
-    link="https://console.azion.com/create/azion-community/vuepress-docs-hope"
-    icon="ai ai-azion"
-    icon-pos="left"
-/>
-<LinkButton
-    label="Deploy VuePress Moefy"
-    link="https://console.azion.com/create/azion-community/vuepress-moefy"
-    icon="ai ai-azion"
-    icon-pos="left"
-/>
-<LinkButton
-    label="Deploy VuePress Live2D Plus"
-    link="https://console.azion.com/create/azion-community/vuepress-live2d-plus"
-    icon="ai ai-azion"
-    icon-pos="left"
-/>
-<LinkButton
-    label="Deploy VuePress Solid"
-    link="https://console.azion.com/create/azion-community/vuepress-solid"
-    icon="ai ai-azion"
-    icon-pos="left"
-/>
+<Button
+
+      href="https://console.azion.com/create/azion-community/vuepress-blog-hope"
+
+      label="Deploy VuePress Blog with Hope Theme"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
+<Button
+
+      href="https://console.azion.com/create/azion-community/vuepress-docs-hope"
+
+      label="Deploy VuePress Docs with Hope Theme"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
+<Button
+
+      href="https://console.azion.com/create/azion-community/vuepress-moefy"
+
+      label="Deploy VuePress Moefy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
+<Button
+
+      href="https://console.azion.com/create/azion-community/vuepress-live2d-plus"
+
+      label="Deploy VuePress Live2D Plus"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
+<Button
+
+      href="https://console.azion.com/create/azion-community/vuepress-solid"
+
+      label="Deploy VuePress Solid"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -119,4 +164,4 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/webpage-to-pdf-resume.mdx b/src/content/docs/en/pages/guides/marketplace/templates/webpage-to-pdf-resume.mdx
index a70a41d120..074d7d6e64 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/webpage-to-pdf-resume.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/webpage-to-pdf-resume.mdx
@@ -34,12 +34,21 @@ This template uses version `4.6.1` of Astro.
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion-community/webpage-to-pdf-resume"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion-community/webpage-to-pdf-resume"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -88,6 +97,6 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/wordpress-edgeaccelerator.mdx b/src/content/docs/en/pages/guides/marketplace/templates/wordpress-edgeaccelerator.mdx
index e3b3f4c54a..3a9134f179 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/wordpress-edgeaccelerator.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/wordpress-edgeaccelerator.mdx
@@ -28,12 +28,21 @@ The execution of this template could generate usage-related costs. Check the [pr
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/wordpress/wordpress-edgeaccelerator"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/wordpress/wordpress-edgeaccelerator"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -90,9 +99,9 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
 
 Learn how to migrate a WordPress website to the edge:
 <div class="cms-embed">
diff --git a/src/content/docs/en/pages/guides/marketplace/templates/wordpress-instacreator.mdx b/src/content/docs/en/pages/guides/marketplace/templates/wordpress-instacreator.mdx
index 049b43371b..0d0587e4f7 100644
--- a/src/content/docs/en/pages/guides/marketplace/templates/wordpress-instacreator.mdx
+++ b/src/content/docs/en/pages/guides/marketplace/templates/wordpress-instacreator.mdx
@@ -41,12 +41,21 @@ Any cost generated by AWS and Amazon EC2 usage will be processed and billed sepa
 
 You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.
 
- <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/wordpress/wordpress-instacreator"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+ <Button
+
+      href="https://console.azion.com/create/wordpress/wordpress-instacreator"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -119,9 +128,9 @@ Read the documentation about [managing applications](/en/documentation/products/
 
 The application created during the deployment has an assigned Azion Workload domain to make it accessible through the browser. The domain has the following format: `xxxxxxxxxx.map.azionedge.net/`. However, you can add a custom domain for users to access your application through it.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/configure-a-domain/" label="go to configuring a domain guide" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/en/pages/guides/mtls/configure-mtls.mdx b/src/content/docs/en/pages/guides/mtls/configure-mtls.mdx
index b533cc3f47..6583a5ee4f 100644
--- a/src/content/docs/en/pages/guides/mtls/configure-mtls.mdx
+++ b/src/content/docs/en/pages/guides/mtls/configure-mtls.mdx
@@ -8,7 +8,7 @@ namespace: documentation_products_guides_mtls
 permalink: /documentation/products/guides/mtls/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 import Apiv4Rollout from '~/includes/snippets/apiv4Rollout/en/snippet.mdx'
 
@@ -121,7 +121,7 @@ In this example, the Rule Set will block `(Error 403 Forbidden)` any incoming ne
 
 If your application is part of the Open Banking model, you' wi'll need to specify the variables `${ssl_client_escaped_cert}` and `${ssl_client_s_dn_parsed}` in the *header* of your application. You can also insert other mTLS variables.
 
-<LinkButton link="/en/documentation/products/build/edge-application/rules-engine/" label="go to the list of available variables" severity="secondary" />
+<Button href="/en/documentation/products/build/edge-application/rules-engine/" label="go to the list of available variables" type="primary" theme="light" />
 
 To add a variable to your application header, follow the steps:
 
diff --git a/src/content/docs/en/pages/guides/network-layer-protection/blacklists-ip-addresses-edge/create-blocklists.mdx b/src/content/docs/en/pages/guides/network-layer-protection/blacklists-ip-addresses-edge/create-blocklists.mdx
index a8dd5829b7..0a88e00351 100644
--- a/src/content/docs/en/pages/guides/network-layer-protection/blacklists-ip-addresses-edge/create-blocklists.mdx
+++ b/src/content/docs/en/pages/guides/network-layer-protection/blacklists-ip-addresses-edge/create-blocklists.mdx
@@ -10,7 +10,7 @@ namespace: docs_use_case_blacklists_ip_addresses_edge
 permalink: /documentation/products/guides/blocklists-ip-addresses-edge/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 
 
@@ -18,9 +18,9 @@ import Tabs from '~/components/tabs/Tabs'
 
 Network Lists can be based on user's IP addresses, ASN, and geolocation addresses. They can be custom-made, considering the application scope and actual requests, or pre-made and maintained by Azion, such as the *Azion IP Tor Exit Nodes Network List*.
 
-<LinkButton link="/en/documentation/products/secure/edge-firewall/network-layer-protection/network-lists/" label="go to Network Lists reference" severity="secondary" />
+<Button href="/en/documentation/products/secure/edge-firewall/network-layer-protection/network-lists/" label="go to Network Lists reference" type="primary" theme="light" />
 <br/>
-<LinkButton link="/en/documentation/products/secure/edge-firewall/network-layer-protection/" label="go to Network Shield reference" severity="secondary" />
+<Button href="/en/documentation/products/secure/edge-firewall/network-layer-protection/" label="go to Network Shield reference" type="primary" theme="light" />
 
 There are separate instructions using [legacy Domains](/en/documentation/products/build/edge-application/domains/) settings using the new [Workloads](/en/documentation/products/secure/workloads) product.
 
diff --git a/src/content/docs/en/pages/guides/real-time-metrics/use-real-time-metrics.mdx b/src/content/docs/en/pages/guides/real-time-metrics/use-real-time-metrics.mdx
index 02ba5a3670..ffb7e03aea 100644
--- a/src/content/docs/en/pages/guides/real-time-metrics/use-real-time-metrics.mdx
+++ b/src/content/docs/en/pages/guides/real-time-metrics/use-real-time-metrics.mdx
@@ -8,13 +8,13 @@ namespace: docs_use_real_time_metrics
 permalink: /documentation/products/guides/use-real-time-metrics/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag'
 
 
 **Real-Time Metrics** provides real-time access to metrics through charts. Charts exhibit data as soon as your applications and other products begin to have incoming accesses and traffic.
 
-<LinkButton link="/en/documentation/products/observe/real-time-metrics/" label="go to Real-Time Metrics reference" severity="secondary" />
+<Button href="/en/documentation/products/observe/real-time-metrics/" label="go to Real-Time Metrics reference" type="primary" theme="light" />
 
 :::note
 The new Real-Time Metrics provides data and metrics starting from **October 15th, 2022**. If you want to view metrics for up to 2 years and before October 15th, 2022, see [Historical Real-Time Metrics](/en/documentation/products/observe/historical-real-time-metrics/).
@@ -63,8 +63,8 @@ All charts from all tabs are automatically refreshed after applying a time range
 
 There are a few best practices you can use to improve your metrics analysis.
 
-<LinkButton link="/en/documentation/products/guides/observe/analyze-metrics/" label="go to analyze metrics guide" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/guides/observe/analyze-metrics/" label="go to analyze metrics guide" type="primary" theme="light" target="_blank" />
 
 If you're looking to complement your analysis with more extensive and detailed information on the metrics you viewed on the charts, you can explore Real-Time Event's logs.
 
-<LinkButton link="/en/documentation/products/observe/real-time-events/" label="go to Real-Time Events reference" severity="secondary" />
\ No newline at end of file
+<Button href="/en/documentation/products/observe/real-time-events/" label="go to Real-Time Events reference" type="primary" theme="light" />
\ No newline at end of file
diff --git a/src/content/docs/en/pages/guides/waf/configure-allowed-rules.mdx b/src/content/docs/en/pages/guides/waf/configure-allowed-rules.mdx
index 83fe67e405..ae70263680 100644
--- a/src/content/docs/en/pages/guides/waf/configure-allowed-rules.mdx
+++ b/src/content/docs/en/pages/guides/waf/configure-allowed-rules.mdx
@@ -9,14 +9,14 @@ permalink: /documentation/products/guides/secure/configure-waf-allowed-rules/
 menu_namespace: secureMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 
 Configuring a **WAF Custom Allowed Rule** allows you to instantiate specific rules for the needs of your application. These rules permit specific, legitimate traffic while maintaining robust protection against malicious attacks.
 
 This guide explains how to configure a WAF Custom Allowed Rule via Azion Web Platform.
 
-<LinkButton link="/en/documentation/products/secure/edge-firewall/web-application-firewall/custom-allowed-rules/" text="go to Custom Allowed Rules reference" severity="secondary" />
+<Button href="/en/documentation/products/secure/edge-firewall/web-application-firewall/custom-allowed-rules/" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/guides/waf/find-waf-score.mdx b/src/content/docs/en/pages/guides/waf/find-waf-score.mdx
index ab915e83f1..7f99687f31 100644
--- a/src/content/docs/en/pages/guides/waf/find-waf-score.mdx
+++ b/src/content/docs/en/pages/guides/waf/find-waf-score.mdx
@@ -8,14 +8,14 @@ permalink: /documentation/products/guides/how-to-find-waf-score/
 menu_namespace: secureMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 
 Azion **Web Application Firewall (WAF)** generates relevant results to maintain the security of your applications. This information can be accessed through **Real-Time Events**, using specific *queries*.
 
 This guide includes some WAF queries available in Real-Time Events to access the data of requests blocked by WAF, to understand the reason why they were blocked, and troubleshoot false positives.
 
-<LinkButton link="/en/documentation/products/observe/real-time-events/" label="go to Real-Time Events reference" severity="secondary" />
+<Button href="/en/documentation/products/observe/real-time-events/" label="go to Real-Time Events reference" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/main-menu/additional-resources/developer-tools/getting-started-api.mdx b/src/content/docs/en/pages/main-menu/additional-resources/developer-tools/getting-started-api.mdx
index 3557ab9cfd..a1ea9d143e 100644
--- a/src/content/docs/en/pages/main-menu/additional-resources/developer-tools/getting-started-api.mdx
+++ b/src/content/docs/en/pages/main-menu/additional-resources/developer-tools/getting-started-api.mdx
@@ -8,7 +8,7 @@ namespace: documentation_products_devtools_azion_api_overview
 permalink: /documentation/products/overview-azion-api/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 This documentation will guide you on the first steps of using the **Azion API**.
 
@@ -16,7 +16,7 @@ This documentation will guide you on the first steps of using the **Azion API**.
 
 The **Azion API** is a *RESTful API* based on *HTTPS* requests, that allows users to fully interact with Azion products through API requests. The complete Azion API collection is on Postman.
 
-<LinkButton link="https://api.azion.com/" label="Go to Azion API documentation" />
+<Button href="https://api.azion.com/" label="Go to Azion API documentation" type="primary" theme="light" />
 
 Most API endpoints have the main HTTP methods (`GET`, `POST`, `PUT`, `PATCH`, and `DELETE`) so you can create, read, update, and delete Azion configuration instances. All changes made through the API are reflected on [Azion Console](https://console.azion.com).
 
diff --git a/src/content/docs/en/pages/main-menu/additional-resources/developer-tools/graphql-playground.mdx b/src/content/docs/en/pages/main-menu/additional-resources/developer-tools/graphql-playground.mdx
index bebc7868f7..6dfb3915d6 100644
--- a/src/content/docs/en/pages/main-menu/additional-resources/developer-tools/graphql-playground.mdx
+++ b/src/content/docs/en/pages/main-menu/additional-resources/developer-tools/graphql-playground.mdx
@@ -7,11 +7,11 @@ permalink: /documentation/products/devtools/graphql-playground/
 menu_namespace: graphqlMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 You can see how to access the GraphiQL Playground on the GraphQL API first steps documentation.
 
-<LinkButton link="/en/documentation/devtools/graphql-api/first-steps/#accessing-graphql-playground" label="Access GraphiQL Playground" severity="secondary" />
+<Button href="/en/documentation/devtools/graphql-api/first-steps/#accessing-graphql-playground" label="Access GraphiQL Playground" type="primary" theme="light" />
 
 You can use the playground to run queries or to explore how to build them. If you're just starting, you can copy and paste these queries on the playground and discover what each field represents, available operators, and even get real-time validation for erros.
 
diff --git a/src/content/docs/en/pages/main-menu/additional-resources/migrate-to-azion/migrate-to-azion.mdx b/src/content/docs/en/pages/main-menu/additional-resources/migrate-to-azion/migrate-to-azion.mdx
index c9f2a446cd..b9127f3570 100644
--- a/src/content/docs/en/pages/main-menu/additional-resources/migrate-to-azion/migrate-to-azion.mdx
+++ b/src/content/docs/en/pages/main-menu/additional-resources/migrate-to-azion/migrate-to-azion.mdx
@@ -5,7 +5,7 @@ meta_tags: 'azion, migrate, domains, edge computing'
 namespace: documentation_migrate_to_azion
 permalink: /documentation/products/migrate-to-azion/
 ---
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 This guide provides a step-by-step path for migrating existing applications to Azion. It outlines the necessary requirements and details the steps for a successful transfer of applications from other services to the edge.
 
@@ -20,14 +20,14 @@ If you're subscribed to a service plan **Business** or higher, you have access t
 Before you migrate applications to Azion, there are two major variables that must exist:
 
 1. **Origin address**: the source server of the application. This entry point to the edge takes the form of either a host, an IPv4, or an IPv6 address of a storage service or an existing application.
-  <LinkButton link="/en/documentation/products/build/edge-application/origins/" label="Go to Origins reference" severity="secondary" target="_blank" />
+  <Button href="/en/documentation/products/build/edge-application/origins/" label="Go to Origins reference" type="primary" theme="light" target="_blank" />
 
 2. **Delivery domain**: the target domain of the application. This output takes the form of an Azion domain, which can be pointed to a custom domain. 
-  <LinkButton link="/en/documentation/products/edge-application/domains/" label="Go to Domains reference" severity="secondary" target="_blank" />
+  <Button href="/en/documentation/products/edge-application/domains/" label="Go to Domains reference" type="primary" theme="light" target="_blank" />
 
 Most applications need an origin from which Azion retrieves the content and code that make them up. That application passes through Azion edge nodes for it to be delivered to users through a domain address.
 
-<LinkButton link="/en/documentation/products/guides/build/overview/" label="Go to Applications overview" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/guides/build/overview/" label="Go to Applications overview" type="primary" theme="light" target="_blank" />
 
 ---
 
@@ -35,7 +35,7 @@ Most applications need an origin from which Azion retrieves the content and code
 
 You can start by creating an application using a basic template. A recommended option is the [Hello World](/en/documentation/products/guides/hello-world-template/) template, which uses **Functions** to run a simple function on the edge.
 
-<LinkButton link="/en/documentation/products/marketplace/templates-and-integrations-overview/" label="Go to Templates reference" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/marketplace/templates-and-integrations-overview/" label="Go to Templates reference" type="primary" theme="light" target="_blank" />
 
 See the [full list of available templates](/en/documentation/products/guides/#azion-templates).
 
@@ -51,5 +51,5 @@ Before fully deploying the application, the recommendation is to [stage your app
 
 The final step to fully migrate your application to Azion is to point your custom domain to the Azion's application. By doing so, you allow users to access your application through its domain, reducing latency and processing costs on the origin.
 
-<LinkButton link="/en/documentation/products/guides/point-domain-to-azion/" label="How to point a domain to Azion" severity="secondary" />
+<Button href="/en/documentation/products/guides/point-domain-to-azion/" label="How to point a domain to Azion" type="primary" theme="light" />
 
diff --git a/src/content/docs/en/pages/main-menu/additional-resources/templates-and-integrations/install-an-integration.mdx b/src/content/docs/en/pages/main-menu/additional-resources/templates-and-integrations/install-an-integration.mdx
index 34ddea9475..d82a27eab9 100644
--- a/src/content/docs/en/pages/main-menu/additional-resources/templates-and-integrations/install-an-integration.mdx
+++ b/src/content/docs/en/pages/main-menu/additional-resources/templates-and-integrations/install-an-integration.mdx
@@ -8,7 +8,7 @@ namespace: docs_marketplace_install_integrations
 permalink: /documentation/products/marketplace/install-an-integration/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 **Azion Integrations** allows you to improve, compose, or customize your applications. These integrations are based on functions and are executed on the edge. This documentation will guide you to install an integration in an existing application.
 
@@ -17,11 +17,11 @@ Considering Azion Marketplace has integrations that run functions in two ways, y
 - [Application integrations](#edge-application-integrations)
 - [Firewall integrations](#edge-firewall-integrations)
 
-<LinkButton link="/en/documentation/products/marketplace/integrations/" label="go to integrations reference" severity="secondary" /> 
+<Button href="/en/documentation/products/marketplace/integrations/" label="go to integrations reference" type="primary" theme="light" /> 
 
 
 <br />
-<LinkButton link="/en/documentation/products/guides/#marketplace" label="Go to integrations guides" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/#marketplace" label="Go to integrations guides" type="primary" theme="light" /> 
 
 
 
@@ -174,7 +174,7 @@ This wiil open the **Functions** list, showing all your functions, including tho
 
 The integrations presented within Marketplace aren’t static. Azion and Azion’s partners can update them when they launch new features. Thus, the recommendation is to always have the most updated integration version.
 
-<LinkButton link="/en/documentation/products/marketplace/update-an-integration/" label="Go to How to update an integration guide" severity="secondary" /> 
+<Button href="/en/documentation/products/marketplace/update-an-integration/" label="Go to How to update an integration guide" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/en/pages/main-menu/additional-resources/templates-and-integrations/overview.mdx b/src/content/docs/en/pages/main-menu/additional-resources/templates-and-integrations/overview.mdx
index 9f7d23bb7a..575ef92508 100644
--- a/src/content/docs/en/pages/main-menu/additional-resources/templates-and-integrations/overview.mdx
+++ b/src/content/docs/en/pages/main-menu/additional-resources/templates-and-integrations/overview.mdx
@@ -6,7 +6,7 @@ namespace: docs_marketplace_templates_integrations_overview
 permalink: /documentation/products/marketplace/templates-and-integrations-overview/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 Azion provides a wide range of options to speed up your workflow: from development and deployment to management and monitoring. This includes [pre-built templates](#azion-templates) to deploy a new project from scratch and [integrations](#azion-integrations) to increase the capabilities of your applications and services.
 
@@ -37,11 +37,11 @@ By using **Templates and Integrations**, you can:
 
 **Azion Templates** are pre-built and pre-configured projects designed to quickly create and deploy new applications attending to a variety of use cases. By using these templates, you can also leverage edge computing capabilities, such as low latency, global delivery, improved security, and a high level of performance.
 
-<LinkButton link="/en/documentation/products/marketplace/templates/" label="go to templates reference" severity="secondary" /> 
+<Button href="/en/documentation/products/marketplace/templates/" label="go to templates reference" type="primary" theme="light" /> 
 
 
 <br />
-<LinkButton link="/en/documentation/products/start-with-a-template/" label="go to start with a template guide" severity="secondary" /> 
+<Button href="/en/documentation/products/start-with-a-template/" label="go to start with a template guide" type="primary" theme="light" /> 
 
 
 
@@ -51,11 +51,11 @@ By using **Templates and Integrations**, you can:
 
 **Azion Integrations** allow you to improve, compose, or customize your applications, adding new functionalities and capabilities, based on functions. The catalog of integrations covers different use cases and functionalities, such as security, performance, databases, artificial intelligence, and more.
 
-<LinkButton link="/en/documentation/products/marketplace/integrations/" label="go to integrations reference" severity="secondary" /> 
+<Button href="/en/documentation/products/marketplace/integrations/" label="go to integrations reference" type="primary" theme="light" /> 
 
 
 <br />
-<LinkButton link="/en/documentation/products/marketplace/install-an-integration/" label="go to install an integration guide" severity="secondary" /> 
+<Button href="/en/documentation/products/marketplace/install-an-integration/" label="go to install an integration guide" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/en/pages/main-menu/additional-resources/templates-and-integrations/understand-azion-integrations.mdx b/src/content/docs/en/pages/main-menu/additional-resources/templates-and-integrations/understand-azion-integrations.mdx
index 6689d1208d..25c56f5262 100644
--- a/src/content/docs/en/pages/main-menu/additional-resources/templates-and-integrations/understand-azion-integrations.mdx
+++ b/src/content/docs/en/pages/main-menu/additional-resources/templates-and-integrations/understand-azion-integrations.mdx
@@ -6,7 +6,7 @@ namespace: docs_marketplace_integrations
 permalink: /documentation/products/marketplace/integrations/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 Azion Marketplace offers you integrations that you can use to improve, compose, or customize your applications. As a digital catalog, it allows developers to implement integrations that meet their requirements, offering resources developed by Azion's specialized teams or third-party sellers and partners using [Azion Marketplace](/en/documentation/products/marketplace/) as a platform to distribute their products.
 
@@ -104,7 +104,7 @@ Integrations based on Application functions cover the following scenarios and us
 | [Content Targeting](/en/documentation/products/guides/content-targeting-integration/) | Manipulate cookies and headers for flexible usage logic. |
 | [Signed Cookies](/en/documentation/products/guides/signed-cookies/) | Implement this type of cookie that has an extra layer of security. |
 
-<LinkButton link="/en/documentation/products/guides/#marketplace" label="Go to integrations guides" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/#marketplace" label="Go to integrations guides" type="primary" theme="light" /> 
 
 
 
@@ -160,7 +160,7 @@ Integrations based on Firewall functions cover the following scenarios and use c
 | [Request Variation Controller](/en/documentation/products/guides/request-variation-controller/) | Create a signed cookie to track the different arguments the user (or the origin) is using across the requests and check the number of variations made to block access to the origin whenever the user exceeds the maximum number permitted. |
 | [Upstash Waiting Room](/en/documentation/products/guides/waiting-room/)| Manage traffic surges and prevent overload on your websites and applications using a waiting room. |
 
-<LinkButton link="/en/documentation/products/guides/#marketplace" label="Go to integrations guides" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/#marketplace" label="Go to integrations guides" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/en/pages/main-menu/additional-resources/templates-and-integrations/understand-azion-templates.mdx b/src/content/docs/en/pages/main-menu/additional-resources/templates-and-integrations/understand-azion-templates.mdx
index 4dcc617115..5eb5b66b77 100644
--- a/src/content/docs/en/pages/main-menu/additional-resources/templates-and-integrations/understand-azion-templates.mdx
+++ b/src/content/docs/en/pages/main-menu/additional-resources/templates-and-integrations/understand-azion-templates.mdx
@@ -7,7 +7,7 @@ permalink: /documentation/products/marketplace/templates/
 ---
 
 import Tag from 'primevue/tag';
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 <Tag severity="info" client:only="vue">
 Preview
@@ -78,7 +78,7 @@ You can update and customize your application settings via Azion Console as well
 
 Some templates work with third-party tools to provide a more comprehensive and modern solution. Using this type of template will require compliance with certain requirements such as creating an account or initial setup. In some cases, this integration could generate cost by usage.
 
-<LinkButton link="/en/documentation/products/guides/#azion-templates" label="go to the templates guides" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/#azion-templates" label="go to the templates guides" type="primary" theme="light" /> 
 
 
 
@@ -94,351 +94,576 @@ Azion Templates offer solutions for different scenarios and use cases, including
 
 The Azion Angular Boilerplate provides an automation solution to build an Angular Single-Page Application (SPA) and run it directly on the edge of the network.
 
-<LinkButton link="/en/documentation/products/guides/angular-boilerplate/" label="go to the Angular Boilerplate guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/angular-boilerplate/" label="go to the Angular Boilerplate guide" type="primary" theme="light" /> 
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/angular/angular-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/angular/angular-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Astro Blog Starter Kit
 
 This template contains the configurations to create a new blog page based on the Astro framework. After the deployment, you can interact with the default posts and interface that already exist in this template and customize them.
 
-<LinkButton link="/en/documentation/products/guides/astro-blog-starter-kit/" label="go to the Astro Blog Starter Kit guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/astro-blog-starter-kit/" label="go to the Astro Blog Starter Kit guide" type="primary" theme="light" /> 
+
+<Button
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/astro/astro-blog-starter-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      href="https://console.azion.com/create/astro/astro-blog-starter-kit"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Astro Boilerplate
 
 This template helps you deploy a basic Astro project, a framework for building content-driven websites like blogs, marketing, and e-commerce.
 
-<LinkButton link="/en/documentation/products/guides/astro-boilerplate/" label="Go to the Astro Boilerplate guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/astro-boilerplate/" label="Go to the Astro Boilerplate guide" type="primary" theme="light" /> 
+
+<Button
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/astro/astro-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      href="https://console.azion.com/create/astro/astro-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
   
 #### Astro E-commerce
 
 The Astro E-commerce Templates collection presents a number of templates to deploy an e-commerce application based on Astro. You can choose and deploy the template that best fits your needs and preferences.
 
-<LinkButton link="/en/documentation/products/guides/astro-ecommerce-collection/" label="go to the Astro E-commerce Templates guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/astro-ecommerce-collection/" label="go to the Astro E-commerce Templates guide" type="primary" theme="light" /> 
 
 #### Azion Starter Kit
 
 **Azion Starter Kit** is ideal for taking your first steps within Azion Web Platform. With this template, you can accelerate the creation of a basic edge stack to explore the platform and its features.
 
-<LinkButton link="/en/documentation/products/guides/azion-starter-kit/" label="go to the Azion Starter Kit guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/azion-starter-kit/" label="go to the Azion Starter Kit guide" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/azion/azion-starter-kit"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion/azion-starter-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Book Store React
 
 This template helps you build an e-commerce application based on the React framework.
 
-<LinkButton link="/en/documentation/products/guides/book-store-react/" label="Go to the Book Store React guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/book-store-react/" label="Go to the Book Store React guide" type="primary" theme="light" /> 
+
+ <Button
+
+      href="https://console.azion.com/create/azion-community/book-store-react"
 
- <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion-community/book-store-react"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### ButterCMS Templates collection
 
 The ButterCMS Templates collection presents various templates for deploying web applications based on ButterCMS. You can choose and deploy the template that best suits your needs and preferences.
 
-<LinkButton link="/en/documentation/products/guides/butter-templates-collection/" label="Go to the ButterCMS Templates Guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/butter-templates-collection/" label="Go to the ButterCMS Templates Guide" type="primary" theme="light" /> 
 
 #### Clean Angular + Sanity application
 
 This template creates an Angular application with a Sanity Studio.
 
-<LinkButton link="/en/documentation/products/guides/clean-angular-sanity/" label="Go to the Clean Angular + Sanity application guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/clean-angular-sanity/" label="Go to the Clean Angular + Sanity application guide" type="primary" theme="light" /> 
+
+ <Button
+
+      href="https://console.azion.com/create/sanity/clean-angular-sanity-app"
+
+      label="Deploy"
 
- <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/sanity/clean-angular-sanity-app"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Clean Astro + Sanity application
 
 This template creates a minimal Astro website integrated with Sanity.io for content management.
 
-<LinkButton link="/en/documentation/products/guides/clean-astro-sanity/" label="Go to the Clean Astro + Sanity application guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/clean-astro-sanity/" label="Go to the Clean Astro + Sanity application guide" type="primary" theme="light" /> 
+
+ <Button
+
+      href="https://console.azion.com/create/sanity/clean-astro-sanity-app"
+
+      label="Deploy"
 
- <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/sanity/clean-astro-sanity-app"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Clean Nuxt + Sanity application
 
 This template creates a minimal Nuxt application with a Sanity Studio.
 
-<LinkButton link="/en/documentation/products/guides/clean-nuxt-sanity/" label="Go to the Clean Nuxt + Sanity application guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/clean-nuxt-sanity/" label="Go to the Clean Nuxt + Sanity application guide" type="primary" theme="light" /> 
+
+ <Button
+
+      href="https://console.azion.com/create/sanity/clean-nuxt-sanity-app"
+
+      label="Deploy"
+
+      type="primary"
 
- <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/sanity/clean-nuxt-sanity-app"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### CosmicJS + Agency Website
 
 This template helps you create a dynamic website using Cosmic's React components and Blocks to showcase your services and portfolio.
 
-<LinkButton link="/en/documentation/products/guides/cosmic-agency-website/" label="Go to the CosmicJS + Agency Website guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/cosmic-agency-website/" label="Go to the CosmicJS + Agency Website guide" type="primary" theme="light" />
+
+<Button
+
+     href="https://console.azion.com/create/cosmic/cosmic-agency-website"
+
+     label="Deploy"
+
+     type="primary"
 
-<LinkButton
-   label="Deploy"
-   link="https://console.azion.com/create/cosmic/cosmic-agency-website"
-   icon="ai ai-azion"
-   icon-pos="left"
- />
+     theme="light"
+
+     icon="ai ai-azion"
+
+     icon-pos="left"
+
+   />
 
 #### Cosmic + Simple Astro Blog
 
 This template allows you to create and manage a blog easily, using Astro and Cosmic headless CMS for content management.
 
-<LinkButton link="/en/documentation/products/guides/cosmic-simple-astro-blog/" label="Go to the Cosmic + Simple Astro Blog guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/cosmic-simple-astro-blog/" label="Go to the Cosmic + Simple Astro Blog guide" type="primary" theme="light" />
+
+<Button
+
+     href="https://console.azion.com/create/cosmic/cosmic-simple-astro-blog"
+
+     label="Deploy"
+
+     type="primary"
+
+     theme="light"
 
-<LinkButton
-   label="Deploy"
-   link="https://console.azion.com/create/cosmic/cosmic-simple-astro-blog"
-   icon="ai ai-azion"
-   icon-pos="left"
- />
+     icon="ai ai-azion"
+
+     icon-pos="left"
+
+   />
 
 #### Cosmic + Simple Next.js Blog
 
 This template allows you to create and manage a blog easily, using the capabilities of Next.js for optimal performance and user experience.
 
-<LinkButton link="/en/documentation/products/guides/cosmic-simple-next-blog/" label="Go to the CosmicJS + Simple Next.js Blog guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/cosmic-simple-next-blog/" label="Go to the CosmicJS + Simple Next.js Blog guide" type="primary" theme="light" />
+
+<Button
+
+     href="https://console.azion.com/create/cosmic/cosmic-simple-nextjs-blog"
+
+     label="Deploy"
+
+     type="primary"
+
+     theme="light"
 
-<LinkButton
-   label="Deploy"
-   link="https://console.azion.com/create/cosmic/cosmic-simple-nextjs-blog"
-   icon="ai ai-azion"
-   icon-pos="left"
- />
+     icon="ai ai-azion"
+
+     icon-pos="left"
+
+   />
  
 #### DevsCard
 
 This template helps you deploy an online resume using the DevsCard project.
 
-<LinkButton link="/en/documentation/products/guides/devscard/" label="go to the DevsCard template guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/devscard/" label="go to the DevsCard template guide" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/azion-community/devscard"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion-community/devscard"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      icon-pos="left"
+
+    />
 
 #### Docusaurus with Material UI
 
 This template helps you deploy a Docusaurus website integrated with Material UI directly on the edge.
 
-<LinkButton link="/en/documentation/products/guides/docusaurus-material-ui-template/" label="go to the Docusaurus with Material UI guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/docusaurus-material-ui-template/" label="go to the Docusaurus with Material UI guide" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/docusaurus/docusaurus-material-ui"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/docusaurus/docusaurus-material-ui"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      icon-pos="left"
+
+    />
 
 #### Docusaurus JavaScript Boilerplate
 
 **Docusaurus JavaScript Boilerplate** is a starter example to deploy a basic static project based on the Docusaurus framework and written in JavaScript.
 
-<LinkButton link="/en/documentation/products/guides/docusaurus-javascript-boilerplate/" label="go to the Docusaurus JavaScript Boilerplate guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/docusaurus-javascript-boilerplate/" label="go to the Docusaurus JavaScript Boilerplate guide" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/docusaurus/docusaurus-boilerplate-javascript"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/docusaurus/docusaurus-boilerplate-javascript"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+    />
 
 #### Docusaurus TypeScript Boilerplate
 
 **Docusaurus TypeScript Boilerplate** is a starter example to deploy a basic static project based on the Docusaurus framework and written in TypeScript.
 
-<LinkButton link="/en/documentation/products/guides/docusaurus-typescript-boilerplate/" label="go to the Docusaurus TypeScript Boilerplate guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/docusaurus-typescript-boilerplate/" label="go to the Docusaurus TypeScript Boilerplate guide" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/docusaurus/docusaurus-boilerplate-typescript"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/docusaurus/docusaurus-boilerplate-typescript"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+    />
 
 #### AI Inference Starter Kit
 
 The **AI Inference Starter Kit** template helps you create an edge AI-based application without origin dependencies.
 
-<LinkButton link="/en/documentation/products/guides/edge-ai-starter-kit/" label="Go to the AI Inference Starter Kit guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/edge-ai-starter-kit/" label="Go to the AI Inference Starter Kit guide" type="primary" theme="light" />
 
- <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion-community/edge-ai-starter-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+ <Button
+
+      href="https://console.azion.com/create/azion-community/edge-ai-starter-kit"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Function Starter Kit
 
 The **Function Starter Kit** template helps you create an AI-powered application running OpenAI-compatible APIs directly on Azion's distributed network.
 
-<LinkButton link="/en/documentation/products/guides/edge-function-starter-kit/" label="Go to the Function Starter Kit guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/edge-function-starter-kit/" label="Go to the Function Starter Kit guide" type="primary" theme="light" />
+
+ <Button
+
+      href="https://console.azion.com/create/azion/starter-kit-edge-ai"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
 
- <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion/starter-kit-edge-ai"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+    />
 
 #### SQL Database Starter Kit
 
 The **SQL Database Starter Kit** template helps you deploy a basic JavaScript-based CRUD project and use it to interact with an SQL Database.
 
-<LinkButton link="/en/documentation/products/guides/sqldatabase-starter-kit/" label="Go to the SQL Database Starter Kit guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/sqldatabase-starter-kit/" label="Go to the SQL Database Starter Kit guide" type="primary" theme="light" />
 
- <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion-community/edgesql-starter-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+ <Button
+
+      href="https://console.azion.com/create/azion-community/edgesql-starter-kit"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 
 #### Eleventy E-commerce
 
 The Eleventy E-commerce Templates collection presents a number of templates for deploying an e-commerce application based on Eleventy (11ty). You can choose and deploy the template that best fits your needs and preferences.
 
-<LinkButton link="/en/documentation/products/guides/eleventy-ecommerce-collection/" label="go to the Eleventy E-commerce Templates guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/eleventy-ecommerce-collection/" label="go to the Eleventy E-commerce Templates guide" type="primary" theme="light" /> 
 
 #### Gatsby Blog Starter Kit
 
 This template contains the configurations to create a new blog page based on the Gatsby framework. After the deployment, you can interact with the default posts and interface that already exist in this template and customize them.
 
-<LinkButton link="/en/documentation/products/guides/gatsby-blog-starter-kit/" label="go to the Gatsby Blog Starter Kit guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/gatsby-blog-starter-kit/" label="go to the Gatsby Blog Starter Kit guide" type="primary" theme="light" /> 
+
+ <Button
 
- <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/gatsby/gatsby-blog-starter-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      href="https://console.azion.com/create/gatsby/gatsby-blog-starter-kit"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Gatsby Boilerplate 
 
 This template helps you build a Single-Page Application (SPA) based on the Gatsby framework and run it directly on the edge of the network.
 
-<LinkButton link="/en/documentation/products/guides/gatsby-boilerplate/" label="go to the Gatsby Boilerplate guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/gatsby-boilerplate/" label="go to the Gatsby Boilerplate guide" type="primary" theme="light" /> 
+
+ <Button
 
- <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/gatsby/gatsby-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      href="https://console.azion.com/create/gatsby/gatsby-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Gatsby E-commerce Theme 
 
 This template helps you build an e-commerce application based on the Gatsby framework.
 
-<LinkButton link="/en/documentation/products/guides/gatsby-ecommerce-theme/" label="go to the Gatsby E-commerce Theme guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/gatsby-ecommerce-theme/" label="go to the Gatsby E-commerce Theme guide" type="primary" theme="light" /> 
+
+ <Button
+
+      href="https://console.azion.com/create/gatsby/gatsby-ecommerce-theme"
 
- <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/gatsby/gatsby-ecommerce-theme"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Hello World
 
 The Azion Hello World template deploys an application that prints a Hello, World! message in your browser. You can use it as a starting point to become familiar with the Azion Web Platform and its edge computing capabilities.
 
-<LinkButton link="/en/documentation/products/guides/hello-world-template/" label="go to the Hello World template guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/hello-world-template/" label="go to the Hello World template guide" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/azion/edge-hello-world"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion/edge-hello-world"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Hexo Boilerplate
 
 Hexo Boilerplate allows you to build and run a Hexo Single-Page Application (SPA) directly on the edge by automating several steps, from repository management to edge deployment.
 
-<LinkButton link="/en/documentation/products/guides/hexo-boilerplate/" label="go to the Hexo Boilerplate guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/hexo-boilerplate/" label="go to the Hexo Boilerplate guide" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/hexo/hexo-boilerplate"
+
+      label="Deploy"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/hexo/hexo-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### HTMX Boilerplate
 
 The **HTMX Boilerplate** template facilitates you to deploy and test a minimal example of the HTMX library in Azion Web Platform.
 
-<LinkButton link="/en/documentation/products/guides/htmx-boilerplate/" label="go to the HTMX Boilerplate guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/htmx-boilerplate/" label="go to the HTMX Boilerplate guide" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/htmx/htmx-boilerplate"
+
+      label="Deploy"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/htmx/htmx-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Hugo Boilerplate
 
 With the **Hugo Boilerplate**, you can start a project using the Hugo framework and deploy it to the edge in a few steps. The template creates a GitHub repository containing your project, as well as an application and a domain to facilitate your access and management through Azion Web Platform. 
 
-<LinkButton link="/en/documentation/products/guides/hugo-boilerplate/" label="go to the Hugo Boilerplate guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/hugo-boilerplate/" label="go to the Hugo Boilerplate guide" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/hugo/hugo-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/hugo/hugo-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Hugo E-commerce
 
 The Hugo E-commerce Templates collection presents a number of templates for deploying an e-commerce application based on Hugo. You can choose and deploy the template that best fits your needs and preferences.
 
-<LinkButton link="/en/documentation/products/guides/hugo-ecommerce-collection/" label="go to the Hugo E-commerce Templates guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/hugo-ecommerce-collection/" label="go to the Hugo E-commerce Templates guide" type="primary" theme="light" /> 
 
 #### Jekyll Boilerplate
 
@@ -446,333 +671,549 @@ This template deploys a repository with a project based on Jekyll, a framework w
 
 Additionally, the template deploys an application and a domain to facilitate your access and management through Azion Web Platform. 
 
-<LinkButton link="/en/documentation/products/guides/jekyll-boilerplate/" label="go to the Jekyll Boilerplate guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/jekyll-boilerplate/" label="go to the Jekyll Boilerplate guide" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/jekyll/jekyll-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/jekyll/jekyll-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Jekyll E-commerce
 
 The Jekyll E-commerce Templates collection presents a number of templates for deploying an e-commerce application based on Jekyll. You can choose and deploy the template that best fits your needs and preferences.
 
-<LinkButton link="/en/documentation/products/guides/jekyll-ecommerce-collection/" label="Go to the Jekyll E-commerce Templates guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/jekyll-ecommerce-collection/" label="Go to the Jekyll E-commerce Templates guide" type="primary" theme="light" /> 
 
 #### LangGraph AI Agent Boilerplate
 
 The **LangGraph AI Agent Boilerplate** contains the configuration to create an AI agent with LangGraph.
 
-<LinkButton link="/en/documentation/products/guides/langgraph-ai-agent-boilerplate/" label="Go to the LangGraph AI Agent Boilerplate guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/langgraph-ai-agent-boilerplate/" label="Go to the LangGraph AI Agent Boilerplate guide" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/langgraph/langgraph-ai-agent-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/langgraph/langgraph-ai-agent-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 
 #### Neon Database Starter Kit with Drizzle ORM
 
 Create an application connected to a Neon Database via Drizzle ORM.
 
-<LinkButton link="/en/documentation/products/guides/neon-database-with-drizzle/" label="Go to the Neon Database with Drizzle Guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/neon-database-with-drizzle/" label="Go to the Neon Database with Drizzle Guide" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/azion-community/neon-database-with-drizzle"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion-community/neon-database-with-drizzle"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Next.js App + Configurations
 
 The **Next.js App + Configurations** template provides a quick start to build a Next.js application with custom configurations and App Router to run it directly on the edge.
 
-<LinkButton link="/en/documentation/products/guides/nextjs-app-configurations/" label="go to the Next.js App + Configurations template guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/nextjs-app-configurations/" label="go to the Next.js App + Configurations template guide" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/nextjs/nextjs-app-configurations"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/nextjs/nextjs-app-configurations"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      icon-pos="left"
+
+    />
 
 #### Next.js App + Middleware
 
 The **Next.js App + Middleware** accelerates the deployment of a Next.js application with custom configurations, App Router, and a middleware to run it directly on the edge.
 
-<LinkButton link="/en/documentation/products/guides/nextjs-app-middleware/" label="go to the Next.js App + Middleware template guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/nextjs-app-middleware/" label="go to the Next.js App + Middleware template guide" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/nextjs/nextjs-app-middleware"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/nextjs/nextjs-app-middleware"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      icon-pos="left"
+
+    />
 
 #### Next.js E-commerce
 
 The Next.js E-commerce Templates collection presents a number of templates for deploying an e-commerce application based on Next.js. You can choose and deploy the template that best fits your needs and preferences.
 
-<LinkButton link="/en/documentation/products/guides/next-js-ecommerce-collection/" label="Go to the Next.js E-commerce Templates guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/next-js-ecommerce-collection/" label="Go to the Next.js E-commerce Templates guide" type="primary" theme="light" /> 
 
 #### Next.js Pages + Configurations
 
 The **Next.js Pages + Configurations** template enables you to quickly deploy a Next.js application with Pages Router and custom configurations.
 
-<LinkButton link="/en/documentation/products/guides/nextjs-pages-configurations/" label="go to the Next.js Pages + Configurations template guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/nextjs-pages-configurations/" label="go to the Next.js Pages + Configurations template guide" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/nextjs/nextjs-pages-configurations"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/nextjs/nextjs-pages-configurations"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+    />
 
 #### Next.js Pages + Middleware
 
 The **Next.js Pages + Middleware** template enables you to quickly deploy a Next.js application with Pages Router, a middleware, and custom configurations.
 
-<LinkButton link="/en/documentation/products/guides/nextjs-pages-middleware/" label="go to the Next.js Pages + Middleware template guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/nextjs-pages-middleware/" label="go to the Next.js Pages + Middleware template guide" type="primary" theme="light" /> 
+
+ <Button
+
+      href="https://console.azion.com/create/nextjs/nextjs-pages-middleware"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
 
- <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/nextjs/nextjs-pages-middleware"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+    />
 
 #### Next.js Static Boilerplate
 
 The Azion Next.js Static Boilerplate enables the creation and deployment of a Next.js Single-Page Application (SPA) directly on the edge of the network. By executing the boilerplate, several steps are automated, from repository management to edge deployment.
 
-<LinkButton link="/en/documentation/products/guides/nextjs-static-boilerplate/" label="go to the Next.js Static Boilerplate guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/nextjs-static-boilerplate/" label="go to the Next.js Static Boilerplate guide" type="primary" theme="light" /> 
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/nextjs/next-static-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/nextjs/next-static-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Nuxt 3 Static Boilerplate
 
 The **Nuxt 3 Static Boilerplate** template contains the configurations to quickly build a static Nuxt 3-based application.
 
-<LinkButton link="/en/documentation/products/guides/nuxt-static-boilerplate/" label="Go to the Nuxt 3 Static Boilerplate guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/nuxt-static-boilerplate/" label="Go to the Nuxt 3 Static Boilerplate guide" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/nuxt-static-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/nuxt-static-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+    />
 
 #### Nuxt Content
 
 The **Nuxt Content** template contains the configurations for creating a blog or documentation website with Nuxt Content.
 
-<LinkButton link="/en/documentation/products/guides/nuxt-content/" label="Go to the Nuxt Content guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/nuxt-content/" label="Go to the Nuxt Content guide" type="primary" theme="light" /> 
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/nuxt-content"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/nuxt-content"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Nuxt Notes
 
 The **Nuxt Notes** template contains the configurations to build a basic notes application with Nuxt.
 
-<LinkButton link="/en/documentation/products/guides/nuxt-notes/" label="Go to the Nuxt Notes guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/nuxt-notes/" label="Go to the Nuxt Notes guide" type="primary" theme="light" /> 
+
+<Button
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/nuxt-notes"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      href="https://console.azion.com/create/nuxt-notes"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Preact JavaScript Boilerplate
 
 The Preact JavaScript Boilerplate from Azion helps you build a project using Preact with JavaScript directly at the edge. Preact is a JavaScript library with the same API as React but optimized for speed and a smaller bundle size.
 
-<LinkButton link="/en/documentation/products/guides/preact-javascript-boilerplate/" label="Go to the Preact JavaScript Boilerplate guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/preact-javascript-boilerplate/" label="Go to the Preact JavaScript Boilerplate guide" type="primary" theme="light" />
+
+<Button
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/react/preact-javascript-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      href="https://console.azion.com/create/react/preact-javascript-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Preact TypeScript Boilerplate
 
 The Preact TypeScript Boilerplate from Azion helps you build a project using Preact with TypeScript directly at the edge. Preact is a JavaScript library with the same API as React but optimized for speed and a smaller bundle size.
 
-<LinkButton link="/en/documentation/products/guides/preact-typescript-boilerplate/" label="Go to the Preact Typescript Boilerplate guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/preact-typescript-boilerplate/" label="Go to the Preact Typescript Boilerplate guide" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/react/preact-typescript-boilerplate"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/react/preact-typescript-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 
 #### React Boilerplate
 
 The Azion React Boilerplate helps you build a React Single-Page Application (SPA) directly on the edge by executing the boilerplate. Several steps are automated, from repository management to edge deployment.
 
-<LinkButton link="/en/documentation/products/guides/react-boilerplate/" label="go to the React Boilerplate guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/react-boilerplate/" label="go to the React Boilerplate guide" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/react/react-boilerplate"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/react/react-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Stencil PWA Boilerplate
 
 The **Stencil PWA Boilerplate** template contains the configurations to quickly build a Progressive Web Application (PWA) using Stencil, a toolchain for building fast, reusable UI components and static sites.
 
-<LinkButton link="/en/documentation/products/guides/stencil-pwa-boilerplate/" label="Go to the Stencil PWA Boilerplate guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/stencil-pwa-boilerplate/" label="Go to the Stencil PWA Boilerplate guide" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/stencil/stencil-pwa-boilerplate"
+
+      label="Deploy"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/stencil/stencil-pwa-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
   
 #### Svelte Boilerplate
 
 The **Svelte Boilerplate** streamlines the deployment of a static application based on the Svelte framework, directly on the edge of the network, accelerating and automating the overall process.
 
-<LinkButton link="/en/documentation/products/guides/svelte-boilerplate/" label="go to the Svelte Boilerplate guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/svelte-boilerplate/" label="go to the Svelte Boilerplate guide" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/svelte/svelte-boilerplate"
+
+      label="Deploy"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/svelte/svelte-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Stencil Boilerplate
 
 The **Stencil Boilerplate** provides a solution to quickly set up a static web application using Stencil.
 
-<LinkButton link="/en/documentation/products/guides/stencil-boilerplate/" label="Go to the Stencil Boilerplate guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/stencil-boilerplate/" label="Go to the Stencil Boilerplate guide" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/stencil-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/stencil-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### TiDB Starter Kit with Drizzle ORM
 
 Create an application connected to a TiDB database via Drizzle ORM.
 
-<LinkButton link="/en/documentation/products/guides/tidb-with-drizzle/" label="Go to the TiDB with Drizzle guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/tidb-with-drizzle/" label="Go to the TiDB with Drizzle guide" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/tidb-with-drizzle"
+
+      label="Deploy"
+
+      type="primary"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/tidb-with-drizzle"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### VitePress JavaScript Boilerplate
 
 This template allows you to easily deploy a static project based on VitePress and written in Javascript.
 
-<LinkButton link="/en/documentation/products/guides/vitepress-javascript-boilerplate/" label="go to the VitePress JavaScript Boilerplate guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/vitepress-javascript-boilerplate/" label="go to the VitePress JavaScript Boilerplate guide" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/vitepress/vitepress-javascript-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/vitepress/vitepress-javascript-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### VitePress TypeScript Boilerplate
 
 This template allows you to easily deploy a static project based on VitePress and written in Typescript.
 
-<LinkButton link="/en/documentation/products/guides/vitepress-typescript-boilerplate/" label="go to the VitePress TypeScript Boilerplate guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/vitepress-typescript-boilerplate/" label="go to the VitePress TypeScript Boilerplate guide" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/vitepress/vitepress-typescript-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/vitepress/vitepress-typescript-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Vue Boilerplate
 
 The Azion Vue Boilerplate provides an automation solution to build a Vue Single-Page Application (SPA) directly on the edge of the network, encapsulating and automating several steps, from repository management to edge deployment.
 
-<LinkButton link="/en/documentation/products/guides/vue-boilerplate/" label="go to the Vue Boilerplate guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/vue-boilerplate/" label="go to the Vue Boilerplate guide" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/vue/vue-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/vue/vue-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      icon-pos="left"
+
+    />
 
 #### Vuepress Boilerplate
 
 The Vuepress Boilerplate provides a solution to quickly set up a static web application using VuePress.
 
-<LinkButton link="/en/documentation/products/guides/vuepress-boilerplate/" label="Go to the Vuepress Boilerplate guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/vuepress-boilerplate/" label="Go to the Vuepress Boilerplate guide" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/vuepress/vuepress-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/vuepress/vuepress-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-/>
+      icon-pos="left"
+
+    />
 
 #### Vue3/Vite Boilerplate
 
 The **Vue3/Vite Boilerplate** accelerates the deployment of an application based on these frameworks directly on the edge.
 
-<LinkButton link="/en/documentation/products/guides/vue-vite-boilerplate/" label="go to the Vue3/Vite Boilerplate guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/vue-vite-boilerplate/" label="go to the Vue3/Vite Boilerplate guide" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/vitejs/vitejs-vue3-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/vitejs/vitejs-vue3-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-/>
+    />
 
 #### VuePress Templates collection
 
 The VuePress Templates collection presents various templates for deploying web applications based on VuePress. You can choose and deploy the template that best suits your needs and preferences.
 
-<LinkButton link="/en/documentation/products/guides/vuepress-templates-collection/" label="go to the VuePress Templates guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/vuepress-templates-collection/" label="go to the VuePress Templates guide" type="primary" theme="light" /> 
 
 #### Webpage to PDF Resume
 
 This template allows you to easily deploy an online resume based on the Webpage to PDF Resume project.
 
-<LinkButton link="/en/documentation/products/guides/webpage-to-pdf-resume/" label="go to the Webpage to PDF Resume template guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/webpage-to-pdf-resume/" label="go to the Webpage to PDF Resume template guide" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/azion-community/webpage-to-pdf-resume"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion-community/webpage-to-pdf-resume"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+    />
 
 ### Service performance and reliability
 
@@ -780,92 +1221,155 @@ This template allows you to easily deploy an online resume based on the Webpage
 
 The **Dynamic and Static File Optimization** template contains standard cache policies and settings to improve the delivery and performance of static and dynamic content, as well as images, based on the file extension of the requested content. Additionally, it also enables image processing and optimization. This way, you can deliver your content using Azion as a CDN.
 
-<LinkButton link="/en/documentation/products/guides/dynamic-and-static-file-optimization-template/" label="go to the Dynamic and Static File Optimization template guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/dynamic-and-static-file-optimization-template/" label="go to the Dynamic and Static File Optimization template guide" type="primary" theme="light" /> 
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion/dynamic-and-static-file-optimization"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion/dynamic-and-static-file-optimization"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Application Proxy
 
 **Application Proxy** includes configurations that add a layer of engine rules to ignore all cache settings for a specific URL route. These configurations use a standard rule based on criteria and behaviors applied through Rules Engine for Application.
 
-<LinkButton link="/en/documentation/products/guides/edge-application-proxy-template/" label="go to the Application Proxy template guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/edge-application-proxy-template/" label="go to the Application Proxy template guide" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/azion/edge-application-proxy"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion/edge-application-proxy"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+    />
 
 #### Image Optimization
 
 **Image Optimization** includes configurations for enhancing image loading and caching based on file extension. These configurations use advanced cache key rules that are applied through Rules Engine for Application.
 
-<LinkButton link="/en/documentation/products/guides/image-optimization-template/" label="go to the Image Optimization template guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/image-optimization-template/" label="go to the Image Optimization template guide" type="primary" theme="light" /> 
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion/image-optimization"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion/image-optimization"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Static Cache
 
 The **Static Cache** template includes configurations that optimize the delivery and performance of static content, such as JavaScript, CSS, and other static files. These configurations use advanced cache key rules that are applied through Rules Engine for Application.
 
-<LinkButton link="/en/documentation/products/guides/static-cache-template/" label="go to the Static Cache template guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/static-cache-template/" label="go to the Static Cache template guide" type="primary" theme="light" /> 
+
+<Button
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion/static-cache"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      href="https://console.azion.com/create/azion/static-cache"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Static Cache + Videoteca Player
 
 The **Static Cache + Videoteca Player** template includes configurations that optimize the delivery and performance of static content. It also implements the Azion **Videoteca Player** integration for easy hosting of your Videofront's Videoteca player.
 
-<LinkButton link="/en/documentation/products/guides/static-cache-videoteca-template/" label="go to the Static Cache + Videoteca Player template guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/static-cache-videoteca-template/" label="go to the Static Cache + Videoteca Player template guide" type="primary" theme="light" /> 
+
+<Button
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/videofront/static-cache-videoteca-player"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      href="https://console.azion.com/create/videofront/static-cache-videoteca-player"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Upstash Rate Limiting
 
 The Upstash Rate Limiting template helps you to implement rate limiting in a serverless environment, without requiring extensive manual setup. This template includes configurations for limiting requests and window limit and works in conjunction with Azion Functions.
 
-<LinkButton link="/en/documentation/products/guides/upstash-rate-limiting/" label="go to the Upstash Rate Limiting guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/upstash-rate-limiting/" label="go to the Upstash Rate Limiting guide" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/upstash/upstash-ratelimit"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/upstash/upstash-ratelimit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### WordPress EdgeAccelerator
 
 WordPress EdgeAccelerator helps you to migrate your WordPress website to run on the edge of the network. It creates a new Azion application and domain and also defines some key configurations to successfully deploy and implement the project.
 
-<LinkButton link="/en/documentation/products/guides/wordpress-edgeaccelerator/" label="go to the WordPress EdgeAccelerator guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/wordpress-edgeaccelerator/" label="go to the WordPress EdgeAccelerator guide" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/wordpress/wordpress-edgeaccelerator"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/wordpress/wordpress-edgeaccelerator"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### WordPress InstaCreator
 
@@ -873,14 +1377,23 @@ WordPress InstaCreator enables the automated creation of a WordPress project fro
 
 By employing WordPress and Amazon Web Services (AWS) infrastructure, you can implement a new project in the Azion Web Platform and manage and run it on the edge.
 
-<LinkButton link="/en/documentation/products/guides/wordpress-instacreator/" label="go to the WordPress InstaCreator guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/wordpress-instacreator/" label="go to the WordPress InstaCreator guide" type="primary" theme="light" /> 
+
+ <Button
+
+      href="https://console.azion.com/create/wordpress/wordpress-instacreator"
+
+      label="Deploy"
 
- <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/wordpress/wordpress-instacreator"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ### Application and networking security
 
@@ -888,40 +1401,67 @@ By employing WordPress and Amazon Web Services (AWS) infrastructure, you can imp
 
 The **Bot Manager Lite and TOR Block Starter Kit** template enables you to deploy a basic security suite to protect your domains from bad bots and Tor Exit Nodes requests.
 
-<LinkButton link="/en/documentation/products/guides/bot-manager-lite-and-tor-block-starter-kit/" label="go to the Bot Manager Lite and TOR Block Starter Kit guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/bot-manager-lite-and-tor-block-starter-kit/" label="go to the Bot Manager Lite and TOR Block Starter Kit guide" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/azion/bot-manager-and-tor-block-starter-kit"
+
+      label="Deploy"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion/bot-manager-and-tor-block-starter-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Bot Manager Lite Integration Kit
 
 The **Bot Manager Lite Integration Kit** template provides an easy way to integrate the Bot Manager Lite function in an existent firewall on Azion. 
 
-<LinkButton link="/en/documentation/products/guides/bot-manager-lite-integration-kit/" label="go to the Bot Manager Lite Integration Kit guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/bot-manager-lite-integration-kit/" label="go to the Bot Manager Lite Integration Kit guide" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/azion/bot-manager-integration-kit"
+
+      label="Deploy"
+
+      type="primary"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion/bot-manager-integration-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Bot Manager Lite Starter Kit
 
 The **Bot Manager Lite Starter Kit** template deploys an entirely new edge stack to enable customers to see the Bot Manager Lite in action.
 
-<LinkButton link="/en/documentation/products/guides/bot-manager-lite-starter-kit/" label="go to the Bot Manager Lite Starter Kit guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/bot-manager-lite-starter-kit/" label="go to the Bot Manager Lite Starter Kit guide" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/azion/bot-manager-starter-kit"
+
+      label="Deploy"
+
+      type="primary"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion/bot-manager-starter-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ### Application and infrastructure automation
 
@@ -929,102 +1469,174 @@ The **Bot Manager Lite Starter Kit** template deploys an entirely new edge stack
 
 This template allows you to deploy functions integrated with GitHub Actions directly on the edge of the network.
 
-<LinkButton link="/en/documentation/products/guides/edge-function-github-autodeploy/" label="go to the Function GitHub AutoDeploy guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/edge-function-github-autodeploy/" label="go to the Function GitHub AutoDeploy guide" type="primary" theme="light" /> 
+
+ <Button
+
+      href="https://console.azion.com/create/github/edge-function-github-autodeploy"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
 
- <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/github/edge-function-github-autodeploy"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### MongoDB Atlas Boilerplate
 
 The **MongoDB Atlas Boilerplate** allows you to deploy an application integrated with MongoDB Atlas on the edge. Besides, due to the integration with the Atlas Data API, you’re able to create, retrieve, update, and delete items in your collections through standard HTTPS requests.
 
-<LinkButton link="/en/documentation/products/guides/mongodb-atlas/" label="go to the MongoDB Atlas Boilerplate guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/mongodb-atlas/" label="go to the MongoDB Atlas Boilerplate guide" type="primary" theme="light" /> 
+
+ <Button
+
+      href="https://console.azion.com/create/mongodb-atlas/mongodb-atlas"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
 
- <LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/mongodb-atlas/mongodb-atlas"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### QStash Function Scheduler
 
 The QStash Function Scheduler template sets up and manages a custom function, which receives a user-configured schedule and dispatches it through QStash.
 
-<LinkButton link="/en/documentation/products/guides/qstash-edge-function-scheduler/" label="go to the QStash Function Scheduler guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/qstash-edge-function-scheduler/" label="go to the QStash Function Scheduler guide" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/upstash/qstash-edgefunction-scheduler"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/upstash/qstash-edgefunction-scheduler"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      icon-pos="left"
+
+    />
 
 #### Qwik Boilerplate
 
 The Azion **Qwik Boilerplate** helps you set up a project using the Qwik framework and deploy it at the edge.
 
-<LinkButton link="/en/documentation/products/guides/qwik-boilerplate/" label="Go to the Qwik Boilerplate guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/qwik-boilerplate/" label="Go to the Qwik Boilerplate guide" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/qwik/qwik-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/qwik/qwik-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      icon-pos="left"
+
+    />
 
 #### Qwik Minimal
 
 The **Qwik Minimal** template helps you to quickly set up a basic project using the Qwik framework and deploy it at the edge.
 
-<LinkButton link="/en/documentation/products/guides/qwik-minimal/" label="Go to the Qwik Minimal template guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/qwik-minimal/" label="Go to the Qwik Minimal template guide" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/qwik/qwik-minimal"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/qwik/qwik-minimal"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+    />
 
 #### Turso Starter Kit
 
 Accelerate the integration of a Turso database, created using Turso's LibSQL SDK, into an function. It also provides an interface to easily create, update, and delete items in your database.
 
-<LinkButton link="/en/documentation/products/guides/turso-starter-kit/" label="go to the Turso Starter Kit guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/turso-starter-kit/" label="go to the Turso Starter Kit guide" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/turso/turso-starter-kit"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/turso/turso-starter-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+    />
 
 #### Turso Starter Kit with Drizzle ORM
 
 Create an application connected to a Turso Database via Drizzle ORM.
 
-<LinkButton link="/en/documentation/products/guides/turso-with-drizzle/" label="Go to the Turso with Drizzle Guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/turso-with-drizzle/" label="Go to the Turso with Drizzle Guide" type="primary" theme="light" /> 
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/turso/turso-with-drizzle"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/turso/turso-with-drizzle"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Upstash GeoLocation
 
 The **Upstash GeoLocation** template is an automation designed to deploy a database directly on the edge while enabling the configuration of custom messages that will be delivered according to the user's geographical location.
 
-<LinkButton link="/en/documentation/products/guides/upstash-geolocation-edgedeploy/" label="go to the Upstash GeoLocation Deploy guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/upstash-geolocation-edgedeploy/" label="go to the Upstash GeoLocation Deploy guide" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/upstash/upstash-geolocation"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/upstash/upstash-geolocation"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+    />
diff --git a/src/content/docs/en/pages/main-menu/additional-resources/templates-and-integrations/update-an-integration.mdx b/src/content/docs/en/pages/main-menu/additional-resources/templates-and-integrations/update-an-integration.mdx
index 398606b8a2..ad6ec01241 100644
--- a/src/content/docs/en/pages/main-menu/additional-resources/templates-and-integrations/update-an-integration.mdx
+++ b/src/content/docs/en/pages/main-menu/additional-resources/templates-and-integrations/update-an-integration.mdx
@@ -8,13 +8,13 @@ namespace: docs_marketplace_update_integrations
 permalink: /documentation/products/marketplace/update-an-integration/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 The integrations included within the Marketplace aren’t static. Azion and Azion’s partners can update them when they launch new features. Thus, the recommendation is to always have the most updated integration version.
 
 This documentation will guide you on how to check the availability of an update and how to proceed to install the last version of an integration.
 
-<LinkButton link="/en/documentation/products/marketplace/integrations/" label="go to integrations reference" severity="secondary" /> 
+<Button href="/en/documentation/products/marketplace/integrations/" label="go to integrations reference" type="primary" theme="light" /> 
 
 
 
@@ -47,7 +47,7 @@ When you update a integration in Azion Marketplace, *it won’t overwrite the ve
 
 For instance, you could test a new version of an integration with a different application. So, when the new version has passed through your validation process, on your application, you can select it to run. To do so, change the integration version on the functions dropdown menu of your application.
 
-<LinkButton link="/en/documentation/products/guides/build/instantiate-edge-functions/" label="go to How to instantiate functions guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/build/instantiate-edge-functions/" label="go to How to instantiate functions guide" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/en/pages/main-menu/additional-resources/templates-and-integrations/use-a-template.mdx b/src/content/docs/en/pages/main-menu/additional-resources/templates-and-integrations/use-a-template.mdx
index 6d774f62f8..1a6f323c66 100644
--- a/src/content/docs/en/pages/main-menu/additional-resources/templates-and-integrations/use-a-template.mdx
+++ b/src/content/docs/en/pages/main-menu/additional-resources/templates-and-integrations/use-a-template.mdx
@@ -11,7 +11,7 @@ namespace: documentation_use_a_template_console
 permalink: /documentation/products/use-a-template-via-azion-console/
 ---
 import Tag from 'primevue/tag';
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 <Tag severity="info" client:only="vue">
 Preview
@@ -21,7 +21,7 @@ Building an application is the first step to start using **Azion Web Platform**.
 
 This documentation presents the step by step to build and deploy a new application, using an Azion template.
 
-<LinkButton link="/en/documentation/products/marketplace/templates/" label="go to templates reference" severity="secondary" /> 
+<Button href="/en/documentation/products/marketplace/templates/" label="go to templates reference" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/en/pages/main-menu/get-started/azion-platform-overview.mdx b/src/content/docs/en/pages/main-menu/get-started/azion-platform-overview.mdx
index 90a5ae4a14..ba4852e8f1 100644
--- a/src/content/docs/en/pages/main-menu/get-started/azion-platform-overview.mdx
+++ b/src/content/docs/en/pages/main-menu/get-started/azion-platform-overview.mdx
@@ -8,7 +8,7 @@ namespace: documentation_azion_platform_overview
 permalink: /documentation/products/azion-platform-overview/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 **Azion Web Platform**  allows you to deploy your projects instantly on the most reliable global network, leverage enterprise-grade security, and scale from zero to peak without cold starts.
 
diff --git a/src/content/docs/en/pages/main-menu/get-started/go-live-with-azion.mdx b/src/content/docs/en/pages/main-menu/get-started/go-live-with-azion.mdx
index fc4a38361f..2ed0a9b6fd 100644
--- a/src/content/docs/en/pages/main-menu/get-started/go-live-with-azion.mdx
+++ b/src/content/docs/en/pages/main-menu/get-started/go-live-with-azion.mdx
@@ -10,7 +10,7 @@ namespace: documentation_go_live_with_azion
 permalink: /documentation/products/go-live-with-azion/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 Once you’ve [built an application](/en/documentation/products/guides/build/overview/), you can ensure that it’s accessible to your users while taking advantage of Azion highly distribuited network to attends to your traffic and deliver your content.
 
@@ -70,7 +70,7 @@ To complete this task, you must have:
 
 Then, you must create a DNS zone and migrate your *name resolution* to Azion.
 
-<LinkButton link="/en/documentation/products/guides/migrate-ns-to-azion/" label="Go to Migrate your NS to Azion guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/migrate-ns-to-azion/" label="Go to Migrate your NS to Azion guide" type="primary" theme="light" />
 
 
 
@@ -86,7 +86,7 @@ To complete this task, you must have:
 
 Then, you must configure your DNS third-party provider and associate the address of your custom domain to the `xxxxxxxxxx.map.azionedge.net` address, [as explained before](#adding-a-custom-domain).
 
-<LinkButton link="/en/documentation/products/guides/point-domain-to-azion/" label="Go to Point your domain to Azion guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/point-domain-to-azion/" label="Go to Point your domain to Azion guide" type="primary" theme="light" />
 
 
 
diff --git a/src/content/docs/en/pages/main-menu/get-started/start-with-a-template.mdx b/src/content/docs/en/pages/main-menu/get-started/start-with-a-template.mdx
index 623312521a..2cc90d359a 100644
--- a/src/content/docs/en/pages/main-menu/get-started/start-with-a-template.mdx
+++ b/src/content/docs/en/pages/main-menu/get-started/start-with-a-template.mdx
@@ -10,14 +10,14 @@ namespace: documentation_start_with_a_template
 permalink: /documentation/products/start-with-a-template/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 Building an application is the first step to start using **Azion Web Platform**. This documentation presents the options to build and deploy a new application, using an [Azion Template](/en/documentation/products/marketplace/templates/).
 
 You have these ways to start building with a template:
 
-<LinkButton link="/en/documentation/products/use-a-template-via-azion-console/" label="Via Azion Console" severity="secondary" />
-<LinkButton link="/en/documentation/products/azion-cli/create-application/" label="Via Azion CLI" severity="secondary" /> 
+<Button href="/en/documentation/products/use-a-template-via-azion-console/" label="Via Azion Console" type="primary" theme="light" />
+<Button href="/en/documentation/products/azion-cli/create-application/" label="Via Azion CLI" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/en/pages/main-menu/manage-accounts/manage-account/activity-history.mdx b/src/content/docs/en/pages/main-menu/manage-accounts/manage-account/activity-history.mdx
index a8a8bf9ad7..1590c52711 100644
--- a/src/content/docs/en/pages/main-menu/manage-accounts/manage-account/activity-history.mdx
+++ b/src/content/docs/en/pages/main-menu/manage-accounts/manage-account/activity-history.mdx
@@ -6,7 +6,7 @@ namespace: docs_guides_activity_history
 permalink: /documentation/products/guides/activity-history/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 [Activity History](/en/documentation/products/accounts/activity-history/) allows you to access the history of all activities on the account and by all the users connected to the main account.
 
@@ -24,4 +24,4 @@ In the **search field**, you can filter the results by activity performed or by
 
 The [Data Stream](/en/documentation/products/observe/data-stream/) product provides a data source for Activity History logs.
 
-<LinkButton link="/en/documentation/products/guides/use-data-stream/" label="Use Data Stream" severity="secondary" />
+<Button href="/en/documentation/products/guides/use-data-stream/" label="Use Data Stream" type="primary" theme="light" />
diff --git a/src/content/docs/en/pages/main-menu/manage-accounts/manage-account/billing-and-subscriptions.mdx b/src/content/docs/en/pages/main-menu/manage-accounts/manage-account/billing-and-subscriptions.mdx
index 72506ad7e9..1b35ca972c 100644
--- a/src/content/docs/en/pages/main-menu/manage-accounts/manage-account/billing-and-subscriptions.mdx
+++ b/src/content/docs/en/pages/main-menu/manage-accounts/manage-account/billing-and-subscriptions.mdx
@@ -6,12 +6,12 @@ namespace: docs_guides_billing_and_subscriptions
 permalink: /documentation/products/guides/billing-and-subscriptions/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 
 **Billing** provides a comprehensive view of your usage-based pricing model.
 
-<LinkButton link="/en/documentation/products/accounts/billing-and-subscriptions/" label="Go to Billing reference" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/accounts/billing-and-subscriptions/" label="Go to Billing reference" type="primary" theme="light" target="_blank" />
 
 To access **Billing**:
 
diff --git a/src/content/docs/en/pages/main-menu/manage-accounts/manage-account/sso.mdx b/src/content/docs/en/pages/main-menu/manage-accounts/manage-account/sso.mdx
index f3ba584fa5..2cc50b096b 100644
--- a/src/content/docs/en/pages/main-menu/manage-accounts/manage-account/sso.mdx
+++ b/src/content/docs/en/pages/main-menu/manage-accounts/manage-account/sso.mdx
@@ -6,7 +6,7 @@ namespace: docs_guides_sso
 permalink: /documentation/products/guides/sso/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 If you have an [Enterprise plan](https://www.azion.com/en/professional-services/) and have SSO configured for your company, your users can log in to Azion using their SSO credentials.
 
@@ -28,6 +28,6 @@ After accessing the page, click the **Add Identity Provider** button and choose
 
 You can choose to configure a SAML Identity Provider or an OIDC Identity Provider.
 
-<LinkButton link="/en/documentation/products/guides/#accounts" label="Identity Providers guides" severity="secondary" />
+<Button href="/en/documentation/products/guides/#accounts" label="Identity Providers guides" type="primary" theme="light" />
 
 ---
diff --git a/src/content/docs/en/pages/main-menu/manage-accounts/manage-account/users.mdx b/src/content/docs/en/pages/main-menu/manage-accounts/manage-account/users.mdx
index 6fce692fc3..d0ede6546b 100644
--- a/src/content/docs/en/pages/main-menu/manage-accounts/manage-account/users.mdx
+++ b/src/content/docs/en/pages/main-menu/manage-accounts/manage-account/users.mdx
@@ -6,7 +6,7 @@ namespace: docs_guides_users_management
 permalink: /documentation/products/guides/users-management/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 [Users Management](/en/documentation/products/accounts/users-management/) allows you to add, modify, and delete users to your account.
 
diff --git a/src/content/docs/en/pages/main-menu/pricing/pricing.mdx b/src/content/docs/en/pages/main-menu/pricing/pricing.mdx
index b310b39079..0368c030fa 100644
--- a/src/content/docs/en/pages/main-menu/pricing/pricing.mdx
+++ b/src/content/docs/en/pages/main-menu/pricing/pricing.mdx
@@ -6,7 +6,7 @@ namespace: documentation_pricing
 permalink: /documentation/products/pricing/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag';
 import TablePricing from '~/components/Table/TablePricing.astro';
 
@@ -21,7 +21,7 @@ This documentation includes prices for Azion products, services, and Service Pla
 
 Build serverless applications and run them anywhere: Azion's—operated network edge, remote-devices, on-premises, and multi-cloud, on an easy and simple way.
 
-<LinkButton link="https://www.azion.com/en/products/edge-application/" label="Access product details" severity="secondary" />
+<Button href="https://www.azion.com/en/products/edge-application/" label="Access product details" type="primary" theme="light" />
 
 :::note[Tiered Cache]
 An additional cache layer that reduces traffic to your point of origin while improving performance and availability.
@@ -84,7 +84,7 @@ If your applications received 750 million requests from the United States in 1 m
 
 Speed ​​up the performance of your applications and APIs with protocol optimizations and advanced request and response rules.
 
-<LinkButton link="https://www.azion.com/en/products/application-accelerator/" label="Access product details" severity="secondary" />
+<Button href="https://www.azion.com/en/products/application-accelerator/" label="Access product details" type="primary" theme="light" />
 
 <TablePricing
   lang="en"
@@ -115,7 +115,7 @@ If your **Application Accelerator** enabled application generated 30 TB of data
 
 Accelerate delivery by caching content at the edge of the network, closer to your users.
 
-<LinkButton link="https://www.azion.com/en/products/edge-cache/" label="Access product details" severity="secondary" />
+<Button href="https://www.azion.com/en/products/edge-cache/" label="Access product details" type="primary" theme="light" />
 
 :::note[Real-Time Purge Operations]
 This is the number of operations to purge objects from the cache, whether by URLs, Wildcard URLs or Cache Keys.
@@ -127,11 +127,17 @@ The first 1,000 purge operations each month are included for all customers. When
 
 Run event-driven serverless applications at the edge of the network, closer to your users.
 
-<LinkButton
-  link="https://www.azion.com/en/products/edge-functions/"
-  label="Access product details"
-  severity="secondary"
-/>
+<Button
+
+    href="https://www.azion.com/en/products/edge-functions/"
+
+    label="Access product details"
+
+    type="primary"
+
+    theme="light"
+
+  />
 
 
 <TablePricing
@@ -178,11 +184,17 @@ If your applications invoke an edge function in the United States 5 million time
 
 Just-in-time image optimization and manipulation to enhance the user experience.
 
-<LinkButton
-  link="https://www.azion.com/en/products/image-processor/"
-  label="Access product details"
-  severity="secondary"
-/>
+<Button
+
+    href="https://www.azion.com/en/products/image-processor/"
+
+    label="Access product details"
+
+    type="primary"
+
+    theme="light"
+
+  />
 
 <TablePricing
   lang="en"
@@ -209,11 +221,17 @@ If your applications deliver 600 million images in the United States in a month,
 
 Balance the load on your origin and improve the reliability and availability of your content, applications, and APIs.
 
-<LinkButton
-  link="https://www.azion.com/en/products/load-balancer/"
-  label="Access product details"
-  severity="secondary"
-/>
+<Button
+
+    href="https://www.azion.com/en/products/load-balancer/"
+
+    label="Access product details"
+
+    type="primary"
+
+    theme="light"
+
+  />
 
 
 <TablePricing
@@ -249,11 +267,17 @@ If your **Load Balancer** enabled application generated 30 TB of data transferre
 
 Combining the reliability of object storage with enhanced performance at the edge.
 
-<LinkButton
-  link="https://www.azion.com/en/products/edge-storage/"
-  label="Access product details" 
-  severity="secondary"
-/>
+<Button
+
+    href="https://www.azion.com/en/products/edge-storage/"
+
+    label="Access product details"
+
+    type="primary"
+
+    theme="light"
+
+  />
 
 <TablePricing 
   lang="en"
@@ -333,13 +357,13 @@ the value calculation will be carried out as follows:
 
 Mitigate the largest and most complex network and application-layer DDoS attacks, without bandwidth limitations.
 
-<LinkButton link="https://www.azion.com/en/products/ddos-protection/" label="Access product details" severity="secondary" />
+<Button href="https://www.azion.com/en/products/ddos-protection/" label="Access product details" type="primary" theme="light" />
 
 ### Network Shield
 
 A programmable security perimeter at the edge of the network for inbound and outbound traffic.
 
-<LinkButton link="https://www.azion.com/en/products/network-layer-protection/" label="Access product details" severity="secondary" />
+<Button href="https://www.azion.com/en/products/network-layer-protection/" label="Access product details" type="primary" theme="light" />
 
 <TablePricing
   lang="en"
@@ -376,7 +400,7 @@ It's an optional item, available to **Network Layer Protection** subscribers at
 
 Secure your web applications from numerous dangers, ranging from OWASP Top 10 threats to sophisticated zero-day attacks.
 
-<LinkButton link="https://www.azion.com/en/products/web-application-firewall/" label="Access product details" severity="secondary" />
+<Button href="https://www.azion.com/en/products/web-application-firewall/" label="Access product details" type="primary" theme="light" />
 
 <TablePricing
   lang="en"
@@ -419,7 +443,7 @@ The first 200 rules are included for all customers. Above this limit, an additio
 
 Improve the security and availability of your applications using Azion's resilient Authoritative DNS service.
 
-<LinkButton link="https://www.azion.com/en/products/edge-dns/" label="Access product details" severity="secondary" />
+<Button href="https://www.azion.com/en/products/edge-dns/" label="Access product details" type="primary" theme="light" />
 
 <TablePricing
   lang="en"
@@ -463,7 +487,7 @@ If you have hosted 30 zones in **Edge DNS** and received 1.5 billion queries in
 
 Deploy, control, automate, and monitor features on the edge, in real time with Azion Orchestrator.
 
-<LinkButton link="https://www.azion.com/en/products/edge-orchestrator/" label="Access product details" severity="secondary" />
+<Button href="https://www.azion.com/en/products/edge-orchestrator/" label="Access product details" type="primary" theme="light" />
 
 ---
 
@@ -473,7 +497,7 @@ Deploy, control, automate, and monitor features on the edge, in real time with A
 
 Get real-time data access to power your big data, stream processing, SIEM, and serverless application platforms.
 
-<LinkButton link="https://www.azion.com/en/products/data-stream/" label="Access product details" severity="secondary" />
+<Button href="https://www.azion.com/en/products/data-stream/" label="Access product details" type="primary" theme="light" />
 
 <TablePricing
   lang="en"
@@ -520,7 +544,7 @@ If you had 3 billion **Data Stream** requests and streamed 25 TB of data, the va
 
 Monitor the user experience when accessing your applications and improve network availability and performance.
 
-<LinkButton link="https://www.azion.com/en/products/edge-pulse/" label="Access product details" severity="secondary" />
+<Button href="https://www.azion.com/en/products/edge-pulse/" label="Access product details" type="primary" theme="light" />
 
 ### Real-Time Metrics
 
@@ -532,13 +556,13 @@ Monitor the user experience when accessing your applications and improve network
 
 Powerful insight into your applications' performance, availability, and security in real time.
 
-<LinkButton link="https://www.azion.com/en/products/real-time-metrics/" label="Access product details" severity="secondary" />
+<Button href="https://www.azion.com/en/products/real-time-metrics/" label="Access product details" type="primary" theme="light" />
 
 ### Real-Time Events
 
 Explore the data generated by your applications on Azion's platform and perform complex queries to track what is happening with your applications in real time.
 
-<LinkButton link="https://www.azion.com/en/products/real-time-events/" label="Access product details" severity="secondary" />
+<Button href="https://www.azion.com/en/products/real-time-events/" label="Access product details" type="primary" theme="light" />
 
 <TablePricing
   lang="en"
@@ -591,7 +615,7 @@ In this simulation, during the month, 2 TB were transferred from the Edge Platfo
 
 For developers who want to explore the potential of Azion's platform themselves.
 
-<LinkButton link="https://console.azion.com/signup" label="Create free account" />
+<Button href="https://console.azion.com/signup" label="Create free account" type="primary" theme="light" />
 
 ### Business Plan
 
@@ -642,7 +666,7 @@ Free
 
 The **Developer Plan** is recommended if you want to explore the potential of Azion's platform by yourself.
 
-<LinkButton link="#developer-plan" label="get developer" />
+<Button href="#developer-plan" label="get developer" type="primary" theme="light" />
 
 ### Business
 
@@ -652,7 +676,7 @@ Starting at USD 100 /month
 
 The **Business Plan** is ideal for customers looking for efficient and accessible technological solutions.
 
-<LinkButton link="#business-plan" label="get Business" />
+<Button href="#business-plan" label="get Business" type="primary" theme="light" />
 
 ### Enterprise
 
@@ -662,7 +686,7 @@ Starting at USD 3,500 /month
 
 The **Enterprise Plan** is recommended for customers with critical operations and systems.
 
-<LinkButton link="#enterprise-plan" label="get Enterprise" />
+<Button href="#enterprise-plan" label="get Enterprise" type="primary" theme="light" />
 
 ### Mission Critical
 
@@ -672,7 +696,7 @@ Custom
 
 The **Mission Critical Plan** is recommended for customers whose online presence is critical and service performance directly impacts the business results.
 
-<LinkButton link="#mission-critical-plan" label="get Mission Critical" />
+<Button href="#mission-critical-plan" label="get Mission Critical" type="primary" theme="light" />
 
 ### Features
 
diff --git a/src/content/docs/en/pages/main-menu/reference/accounts/account-lockout-policy.mdx b/src/content/docs/en/pages/main-menu/reference/accounts/account-lockout-policy.mdx
index c46fb8a249..ad8c8a1a69 100644
--- a/src/content/docs/en/pages/main-menu/reference/accounts/account-lockout-policy.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/accounts/account-lockout-policy.mdx
@@ -6,7 +6,7 @@ namespace: documentation_products_account_lockout_policy
 permalink: /documentation/products/accounts/account-lockout-policy/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag';
 
 <Tag severity="info" client:only="vue">Preview</Tag>
@@ -51,7 +51,7 @@ To configure the Account Lockout Policy, you must have *Account Owner* privilege
 
 You can define the Account Lockout Policy status, as either **active** or **inactive**. By default, the feature is *inactive*.
 
-<LinkButton link="/en/documentation/products/guides/configure-account-lockout-policy/" label="Go to Configuring Account Lockout Policy guide" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/guides/configure-account-lockout-policy/" label="Go to Configuring Account Lockout Policy guide" type="primary" theme="light" target="_blank" />
 
 ### Maximum Attempts
 
@@ -67,10 +67,10 @@ By default, the blocking period is set to be *1440*, equivalent to *24 hours in
 
 Account Lockout Policy generates logs including information about the failed login attempts and account lockouts. With these logs, you can monitor security events, identify potential threats, and troubleshoot issues related to user account access.
 
-<LinkButton link="/en/documentation/products/guides/account-lockout-policy-logs/" label="Go to Checking Account Lockout Policy logs guide" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/guides/account-lockout-policy-logs/" label="Go to Checking Account Lockout Policy logs guide" type="primary" theme="light" target="_blank" />
 
 ### Unlocking users
 
 The *Account Owner* can manually unlock the access of a user who was locked, for exceptional cases, using the Account Lockout Policy logs to identify the lockout.
 
-<LinkButton link="/en/documentation/products/guides/unlock-account-lockout-policy/" label="Go to Unlocking users guide" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/guides/unlock-account-lockout-policy/" label="Go to Unlocking users guide" type="primary" theme="light" target="_blank" />
diff --git a/src/content/docs/en/pages/main-menu/reference/accounts/billing.mdx b/src/content/docs/en/pages/main-menu/reference/accounts/billing.mdx
index 5ed3bd8573..4562447b90 100644
--- a/src/content/docs/en/pages/main-menu/reference/accounts/billing.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/accounts/billing.mdx
@@ -6,7 +6,7 @@ namespace: documentation_accounts_billing
 permalink: /documentation/products/accounts/billing-and-subscriptions/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 The Billing page provides a comprehensive view of your usage-based pricing model. It's where you see your charges based on how much you use Azion products.
 
@@ -32,7 +32,7 @@ Real-Time Metrics focuses on performance, and therefore uses an at-most-once app
 
 On average, the difference between the two is smaller than 1%.
 
-<LinkButton link="/en/documentation/products/guides/billing-and-subscriptions/" label="Go to How to access the Billing page guide" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/guides/billing-and-subscriptions/" label="Go to How to access the Billing page guide" type="primary" theme="light" target="_blank" />
 
 
 
diff --git a/src/content/docs/en/pages/main-menu/reference/accounts/user-session-timeout.mdx b/src/content/docs/en/pages/main-menu/reference/accounts/user-session-timeout.mdx
index cefff0e6f0..0e6ca9dfdd 100644
--- a/src/content/docs/en/pages/main-menu/reference/accounts/user-session-timeout.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/accounts/user-session-timeout.mdx
@@ -6,7 +6,7 @@ namespace: documentation_products_user_session_timeout
 permalink: /documentation/products/accounts/user-session-timeout/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag';
 
 <Tag severity="info" client:only="vue">Preview</Tag>
@@ -40,7 +40,7 @@ To configure the User Session Timeout, you must have *Account Owner* privileges.
 
 A session timeout policy determines the maximum idle time for session termination and the maximum session time.
 
-<LinkButton link="/en/documentation/products/guides/configure-user-session-timeout/" label="Go to Configuring User Session Timeout guide" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/guides/configure-user-session-timeout/" label="Go to Configuring User Session Timeout guide" type="primary" theme="light" target="_blank" />
 
 ### Maximum idle time
 
diff --git a/src/content/docs/en/pages/main-menu/reference/ai-inference/edge-ai-reference.mdx b/src/content/docs/en/pages/main-menu/reference/ai-inference/edge-ai-reference.mdx
index d9768f42e2..0a42380b48 100644
--- a/src/content/docs/en/pages/main-menu/reference/ai-inference/edge-ai-reference.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/ai-inference/edge-ai-reference.mdx
@@ -7,7 +7,7 @@ namespace: docs_edge_ai_reference
 permalink: /documentation/products/ai/ai-inference/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 **AI Inference** empowers you to build and deploy intelligent applications that process data close to where it is generated. By combining artificial intelligence with edge computing, it eliminates the complexities of scaling and infrastructure management, enabling real-time decision-making and enhanced performance.
 
@@ -28,7 +28,7 @@ AI Inference gives you access to:
 
 Access our catalog of open-source AI models that you can run directly on Azion Runtime. These models are optimized for edge deployment with minimal resource requirements.
 
-<LinkButton link="/en/documentation/products/ai/ai-inference/models/" label="See Available Models" severity="secondary" />
+<Button href="/en/documentation/products/ai/ai-inference/models/" label="See Available Models" type="primary" theme="light" />
 
 ### Model customization
 
@@ -55,5 +55,5 @@ Integrate with **SQL Database** to enable vector search capabilities, allowing f
 
 Explore practical examples of how to implement AI solutions with Azion:
 
-<LinkButton link="/en/documentation/architectures/artificial-intelligence/ai-agent-copilot-assistant/" label="Go to Copilot Assistant architecture" severity="secondary" />
-<LinkButton link="/en/documentation/products/guides/langgraph-ai-agent-boilerplate/" label="Go to the LangGraph AI Agent template guide" severity="secondary" />
+<Button href="/en/documentation/architectures/artificial-intelligence/ai-agent-copilot-assistant/" label="Go to Copilot Assistant architecture" type="primary" theme="light" />
+<Button href="/en/documentation/products/guides/langgraph-ai-agent-boilerplate/" label="Go to the LangGraph AI Agent template guide" type="primary" theme="light" />
diff --git a/src/content/docs/en/pages/main-menu/reference/ai-inference/models.mdx b/src/content/docs/en/pages/main-menu/reference/ai-inference/models.mdx
index 939d33c850..0d2a173cf6 100644
--- a/src/content/docs/en/pages/main-menu/reference/ai-inference/models.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/ai-inference/models.mdx
@@ -7,7 +7,7 @@ namespace: docs_edge_ai_models
 permalink: /documentation/products/ai/ai-inference/models/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 Azion's edge-optimized models span multiple AI domains including text generation, image analysis, embeddings, and more. Each model is designed to balance performance and resource efficiency for edge deployment.
 
@@ -19,46 +19,46 @@ This page provides a list of models available for use with **Edge AI**. To learn
 
 This is a language model that delivers capabilities comparable to larger models while being compact. It is ideal for conversational agents, function calling, fine-tuning, and local inference with sensitive data.
 
-<LinkButton link="/en/documentation/products/ai/ai-inference/models/mistral-3-small/" label="View details" severity="secondary" />
+<Button href="/en/documentation/products/ai/ai-inference/models/mistral-3-small/" label="View details" type="primary" theme="light" />
 
 ### BAAI/bge-reranker-v2-m3
 
 A lightweight reranker model with strong multilingual capabilities. It offers multilingual support and it's easy to deploy, with fast inference.
 
-<LinkButton link="/en/documentation/products/ai/ai-inference/models/baai-bge-reranker-v2-m3/" label="View details" severity="secondary" />
+<Button href="/en/documentation/products/ai/ai-inference/models/baai-bge-reranker-v2-m3/" label="View details" type="primary" theme="light" />
 
 ### InternVL3
 
 InternVL3 is an advanced multimodal large language model with capabilities to encompass tool usage, GUI agents, industrial image analysis, 3D vision perception, and more.
 
-<LinkButton link="/en/documentation/products/ai/ai-inference/models/internvl3/" label="View details" severity="secondary" />
+<Button href="/en/documentation/products/ai/ai-inference/models/internvl3/" label="View details" type="primary" theme="light" />
 
 ### Qwen2.5 VL AWQ 3B
 
 A Vision Language Model (VLM) that offers advanced capabilities such as visual analysis, agentic reasoning, long video comprehension, visual localization, and structured output generation.
 
-<LinkButton link="/en/documentation/products/ai/ai-inference/models/qwen-2-5-vl-3b/" label="View details" severity="secondary" />
+<Button href="/en/documentation/products/ai/ai-inference/models/qwen-2-5-vl-3b/" label="View details" type="primary" theme="light" />
 
 ### Qwen2.5 VL AWQ 7B
 
 An instruction-tuned 30B-parameter FP8 causal language model for long-context (256K) text generation and reasoning, supporting chat/QA, summarization, multilingual tasks, math/science problem solving, coding, and tool-augmented workflows.
 
-<LinkButton link="/en/documentation/products/ai/ai-inference/models/qwen-2-5-vl-7b/" label="View details" severity="secondary" />
+<Button href="/en/documentation/products/ai/ai-inference/models/qwen-2-5-vl-7b/" label="View details" type="primary" theme="light" />
 
 ### Qwen3 30B A3B Instruct 2507 FP8
 
 An instruction-tuned 30B-parameter FP8 causal language model for long-context (256K) text generation and reasoning, supporting chat/QA, summarization, multilingual tasks, math/science problem solving, coding, and tool-augmented workflows.
 
-<LinkButton link="/en/documentation/products/ai/ai-inference/models/qwen3-30ba3b/" label="View details" severity="secondary" />
+<Button href="/en/documentation/products/ai/ai-inference/models/qwen3-30ba3b/" label="View details" type="primary" theme="light" />
 
 ### Qwen3 Embedding 4B
 
 A 4B-parameter multilingual embedding model (36 layers, 32K context) that outputs 2560‑dim vectors for text/code retrieval, classification, clustering, and bitext mining. It supports instruction-conditioned embeddings and is optimized for efficient, cross-lingual representation learning.
 
-<LinkButton link="/en/documentation/products/ai/ai-inference/models/qwen3-embedding-4b/ " label="View details" severity="secondary" />
+<Button href="/en/documentation/products/ai/ai-inference/models/qwen3-embedding-4b/ " label="View details" type="primary" theme="light" />
 
 ### Nanonets-OCR-s
 
 An OCR model that converts document images to structured Markdown, preserving layout (headings, lists, tables) and basic tags. The output is easy to parse and feed into LLM pipelines.
 
-<LinkButton link="/en/documentation/products/ai/ai-inference/models/nanonets-ocr-s/" label="View details" severity="secondary" />
+<Button href="/en/documentation/products/ai/ai-inference/models/nanonets-ocr-s/" label="View details" type="primary" theme="light" />
diff --git a/src/content/docs/en/pages/main-menu/reference/build/edge-application/application-acceleration.mdx b/src/content/docs/en/pages/main-menu/reference/build/edge-application/application-acceleration.mdx
index 52be09790e..c54d148e3e 100644
--- a/src/content/docs/en/pages/main-menu/reference/build/edge-application/application-acceleration.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/build/edge-application/application-acceleration.mdx
@@ -7,7 +7,7 @@ meta_tags: 'Application Accelerator, Serveless, Edge Computing'
 namespace: documentation_products_application_acceleration
 permalink: /documentation/products/build/applications/application-accelerator/
 ---
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Application Accelerator** is an **Applications** module that speeds up web applications and APIs through protocol optimizations and manages dynamic content requirements.
 
@@ -33,7 +33,7 @@ With Application Accelerator, you can:
 
 By default, Azion considers each URL as a distinct object in cache. The **Advanced Cache Key** feature allows you to create advanced cache rules based on two options: **Cache by Query Strings** and **Cache by Cookies**. If needed, you can use both options simultaneously to define the content segmentation of your application.
 
-<LinkButton link="/en/documentation/products/build/applications/cache-settings/#advanced-cache-key" label="Learn more about Advanced Cache Key" />
+<Button href="/en/documentation/products/build/applications/cache-settings/#advanced-cache-key" label="Learn more about Advanced Cache Key" type="primary" theme="light" />
 
 ---
 
@@ -41,7 +41,7 @@ By default, Azion considers each URL as a distinct object in cache. The **Advanc
 
 **Application Accelerator** enables new options and configurations in **Rules Engine**, allowing you to customize your application's business rules. See the full [list of variables](/en/documentation/products/build/applications/rules-engine/#variables) and [list of behaviors](/en/documentation/products/build/applications/rules-engine/#behaviors) to know more.
 
-<LinkButton link="/en/documentation/products/build/applications/rules-engine/" label="Learn more about Rules Engine" />
+<Button href="/en/documentation/products/build/applications/rules-engine/" label="Learn more about Rules Engine" type="primary" theme="light" />
 
 ---
 
@@ -51,7 +51,7 @@ You can expand the supported HTTP methods beyond the native `GET` and `HEAD` met
 
 By default, Azion's **Cache** is configured to cache only `GET` and `HEAD` requests. However, by enabling this module, you have the option to extend caching to include `POST` and `OPTIONS` requests as well. This allows you to optimize the performance and efficiency of your applications, especially for frequently accessed or data-intensive endpoints that use these HTTP methods.
 
-<LinkButton link="/en/documentation/products/build/applications/cache-settings/#caching-http-methods" label="Learn more about caching HTTP methods" />
+<Button href="/en/documentation/products/build/applications/cache-settings/#caching-http-methods" label="Learn more about caching HTTP methods" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/main-menu/reference/build/edge-application/cache-settings.mdx b/src/content/docs/en/pages/main-menu/reference/build/edge-application/cache-settings.mdx
index 084592ad0d..d527178d74 100644
--- a/src/content/docs/en/pages/main-menu/reference/build/edge-application/cache-settings.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/build/edge-application/cache-settings.mdx
@@ -7,7 +7,7 @@ meta_tags: 'cache settings, cache, edge, application'
 namespace: documentation_products_edge_application_cache_settings
 permalink: /documentation/products/build/applications/cache-settings/
 ---
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 With **Cache Settings** for **Applications**, you can edit cache configurations for static and dynamic content.
 
@@ -45,7 +45,7 @@ With **Cache Settings** for **Applications**, you can edit cache configurations
 
 **Large File Optimization** works with a default fragment size of *1024 kB*. If you want to modify the fragmentation range, [contact the Sales team](https://www.azion.com/en/contact-sales/).
 
-<LinkButton link="/en/documentation/products/edge-application/edge-caching/#large-file-optimization" label="go to Large File Optimization documentation" />
+<Button href="/en/documentation/products/edge-application/edge-caching/#large-file-optimization" label="go to Large File Optimization documentation" type="primary" theme="light" />
 
 :::note
 When activating this feature, each fragment of the file within the defined the range will carry a different cache key.
@@ -53,7 +53,7 @@ When activating this feature, each fragment of the file within the defined the r
 
 Large File Optimization can be applied to both the cache layer at the edge and the tiered cache layer, provided that **Tiered Cache** is an active module.
 
-<LinkButton link="/en/documentation/products/build/edge-application/tiered-cache/" label="go to Tiered Cache documentation" />
+<Button href="/en/documentation/products/build/edge-application/tiered-cache/" label="go to Tiered Cache documentation" type="primary" theme="light" />
 
 ---
 
@@ -112,7 +112,7 @@ You can enable the **Enable caching for POST** switch, allowing Azion to cache `
 
 With the **Cache** module, you can enable **Stale Cache** to serve stale content when there's a problem with your origin servers.
 
-<LinkButton link="/en/documentation/products/build/applications/cache/#stale-cache" label="go to stale cache documentation" />
+<Button href="/en/documentation/products/build/applications/cache/#stale-cache" label="go to stale cache documentation" type="primary" theme="light" />
 
 ---
 
@@ -122,7 +122,7 @@ With the **Cache** module, you can select a device group for **Adaptive Delivery
 
 When choosing the option **Content varies by some Device Groups (Whitelist)**, you're allowing Azion to keep device-based variations of its objects in cache.
 
-<LinkButton link="/en/documentation/products/build/applications/device-groups/" label="go to Device Groups documentation" />
+<Button href="/en/documentation/products/build/applications/device-groups/" label="go to Device Groups documentation" type="primary" theme="light" />
 
 
 
diff --git a/src/content/docs/en/pages/main-menu/reference/build/edge-application/device-groups.mdx b/src/content/docs/en/pages/main-menu/reference/build/edge-application/device-groups.mdx
index 05fab26ca0..11fa4915b1 100644
--- a/src/content/docs/en/pages/main-menu/reference/build/edge-application/device-groups.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/build/edge-application/device-groups.mdx
@@ -9,7 +9,7 @@ meta_tags: >-
 namespace: documentation_edge_application_device_groups
 permalink: /documentation/products/build/applications/device-groups/
 ---
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Device Groups** is an **Applications** capability that allows you to identify the devices that will send requests to your application and categorize them into groups. You can use Device Groups to set custom application behaviors and cache policies based on the groups you create. Once you've created a device group, you can configure a rule or a cache policy specifically for the devices within the group.
 
@@ -75,7 +75,7 @@ The following criteria identifies whether the user request comes from an iPhone
 
 You can reference an existing device group for **Adaptive Delivery**. You can choose one or more device groups to apply the same Adaptive Delivery policies.
 
-<LinkButton link="/en/documentation/products/build/applications/cache-settings/#adaptive-delivery" label="Learn more about Adaptive Delivery" />
+<Button href="/en/documentation/products/build/applications/cache-settings/#adaptive-delivery" label="Learn more about Adaptive Delivery" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/main-menu/reference/build/edge-application/digital-certificates.mdx b/src/content/docs/en/pages/main-menu/reference/build/edge-application/digital-certificates.mdx
index aa4366224a..f4a9ca6fe1 100644
--- a/src/content/docs/en/pages/main-menu/reference/build/edge-application/digital-certificates.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/build/edge-application/digital-certificates.mdx
@@ -8,7 +8,7 @@ namespace: documentation_products_edge_applications_digital_certificates
 permalink: /documentation/products/build/applications/certificate-manager/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 You need a TLS certificate to transfer data over HTTPS. Using the HTTPS protocol with a certificate ensures that your customers' data is securely transferred over the Internet, demonstrates the reliability of your website and the authenticity of your domain, and improves your website's position in search engines like Google.
 
@@ -18,7 +18,7 @@ At Azion, you can rely on the following TLS certificate options for HTTPS traffi
 - **Custom certificate**: add your personal TLS certificate obtained from a Certificate Authority (CA) or a Trusted CA.
 - **Let's Encrypt certificate**: request the issuance of a *Let's Encrypt*™ certificate managed automatically by Azion.
 
-<LinkButton severity="secondary" link="/en/documentation/products/guides/secure/digital-certificates/" label="go to acquire and register a digital certificate guide" /> 
+<Button href="/en/documentation/products/guides/secure/digital-certificates/" label="go to acquire and register a digital certificate guide" type="primary" theme="light" /> 
 
 You can also issue a **Certificate Signing Request (CSR)** via Azion to request a certificate from a CA.
 
@@ -91,7 +91,7 @@ Once you [create a domain with Azion](/en/documentation/products/guides/configur
 
 Active Let's Encrypt certificates *will be renewed automatically before the expiration date* of 90 days, provided that you don't bind a custom certificate to the domain or delete the associated domain. Certificates that were unbound from a domain can be rebound if they remain valid.
 
-<LinkButton severity="secondary" link="/en/documentation/products/guides/secure/lets-encrypt-record/" label="go to add TXT record for Let's Encrypt certificate guide" /> 
+<Button href="/en/documentation/products/guides/secure/lets-encrypt-record/" label="go to add TXT record for Let" type="primary" theme="light" /> 
 
 ### Limits
 
@@ -145,7 +145,7 @@ If you want to add multiple CRLs, you must make one POST request for each CRL.
 
 Also note that the `raw_crl` field in the POST request is a string. In a request in JSON format, JSON strings require an escape (`\n`) to break lines. Make sure you add an escape to represent each line in your JSON.
 
-<LinkButton severity="secondary" link="https://api.azion.com/v4#/operations/PostDigitalCertificatesCrls" label="create CRL via API" />
+<Button href="https://api.azion.com/v4#/operations/PostDigitalCertificatesCrls" label="create CRL via API" type="primary" theme="light" />
 
 You can [associate one or more CRLs with a workload](https://api.azion.com/v4#/operations/PostWorkspaceWorkloads) via API.
 
diff --git a/src/content/docs/en/pages/main-menu/reference/build/edge-application/domains/mtls.mdx b/src/content/docs/en/pages/main-menu/reference/build/edge-application/domains/mtls.mdx
index d01d7c4977..fcf30723e7 100644
--- a/src/content/docs/en/pages/main-menu/reference/build/edge-application/domains/mtls.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/build/edge-application/domains/mtls.mdx
@@ -8,7 +8,7 @@ namespace: documentation_products_edge_application_domains_mtls
 permalink: /documentation/products/build/applications/domains/mtls/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 **Mutual Transport Layer Security (mTLS)**, also known as *Mutual Authentication*, is an authentication method that validates the digital certificate on both sides of a request: on the client side and on the Edge.
 
@@ -30,7 +30,7 @@ Protocol options are available on your **Applications** configuration page in Az
 mTLS will only be available if the service is activated. Contact our [Sales Team](https://www.azion.com/en/contact-sales/) to activate it.
 :::
 
-<LinkButton severity="secondary" link="/en/documentation/products/guides/secure/mtls/" label="go to associate mTLS certificate to domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/secure/mtls/" label="go to associate mTLS certificate to domain guide" type="primary" theme="light" /> 
 
 ## Digital Certificate with support for mTLS (Trusted CA)
 
diff --git a/src/content/docs/en/pages/main-menu/reference/build/edge-application/edge-application.mdx b/src/content/docs/en/pages/main-menu/reference/build/edge-application/edge-application.mdx
index 07200a1017..3785d76948 100644
--- a/src/content/docs/en/pages/main-menu/reference/build/edge-application/edge-application.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/build/edge-application/edge-application.mdx
@@ -7,7 +7,7 @@ meta_tags: 'Edge Computing, Applications, edge network'
 namespace: documentation_products_edge_applications
 permalink: /documentation/products/build/applications/
 ---
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 import Apiv4Rollout from '~/includes/snippets/apiv4Rollout/en/snippet.mdx'
 
@@ -29,7 +29,7 @@ With Applications, you can:
 - Bring your business rules for any request or response.
 - Optimize content and image delivery for your users.
 
-<LinkButton severity="secondary" label="Build your first application" link="/en/documentation/products/getting-started/" />
+<Button href="/en/documentation/products/getting-started/" label="Build your first application" type="primary" theme="light" />
 
 You can create and manage applications using:
 
@@ -92,7 +92,7 @@ See the documentation for each available setting:
 
 Use **Real-Time Purge** to clear cached content from Azion's edge or from the [tiered cache layer]](/en/documentation/products/build/applications/tiered-cache/) to maintain content accuracy, reduce outdated content delivery, and deliver an optimal user experience on your application. 
 
-<LinkButton severity="secondary" label="Learn more about Real-Time Purge" link="/en/documentation/products/build/applications/real-time-purge/" />
+<Button href="/en/documentation/products/build/applications/real-time-purge/" label="Learn more about Real-Time Purge" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/main-menu/reference/build/edge-application/edge-caching.mdx b/src/content/docs/en/pages/main-menu/reference/build/edge-application/edge-caching.mdx
index 04bce97ea4..e3e103cd9b 100644
--- a/src/content/docs/en/pages/main-menu/reference/build/edge-application/edge-caching.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/build/edge-application/edge-caching.mdx
@@ -9,7 +9,7 @@ meta_tags: >-
 namespace: documentation_products_edge_caching
 permalink: /documentation/products/build/applications/cache/
 ---
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Cache** is a module available for **Applications** that allows you to configure how your application caches content, reducing latency and increasing transfer rates through Azion's network of edge nodes. This not only enhances performance and scalability for your content but also cuts back on infrastructure costs.
 
@@ -161,7 +161,7 @@ Striking the right balance for cache expiration times is crucial to ensure users
 
 The ability to customize both the browser cache TTL and cache TTL at the edge allows you to fine-tune your caching strategy based on your content's update frequency, user traffic patterns, and overall performance objectives.
 
-<LinkButton link="/en/documentation/products/build/applications/cache-settings/#browser-cache-settings" label="go to expiration settings documentation" />
+<Button href="/en/documentation/products/build/applications/cache-settings/#browser-cache-settings" label="go to expiration settings documentation" type="primary" theme="light" />
 
 ---
 
@@ -185,7 +185,7 @@ The ability to customize both the browser cache TTL and cache TTL at the edge al
 
 3. During the stale window the edge node serves the expired copy immediately and asynchronously fetches a fresh version in the background. When the new object is stored, subsequent requests receive the updated content.
 
-<LinkButton link="/en/documentation/products/build/applications/cache-settings/#stale-cache" label="go to stale cache documentation" />
+<Button href="/en/documentation/products/build/applications/cache-settings/#stale-cache" label="go to stale cache documentation" type="primary" theme="light" />
 
 ---
 
@@ -193,7 +193,7 @@ The ability to customize both the browser cache TTL and cache TTL at the edge al
 
 **Adaptive Delivery** detects device groups you've created using [Device Groups](/en/documentation/products/build/edge-application/device-groups/), allowing you to configure how Azion delivers your content. You may choose to deliver the same version of the content, regardless of device detection or keep device-based variations of objects in cache.
 
-<LinkButton link="/en/documentation/products/build/applications/cache-settings/#adaptive-delivery" label="go to Adaptive Delivery documentation" />
+<Button href="/en/documentation/products/build/applications/cache-settings/#adaptive-delivery" label="go to Adaptive Delivery documentation" type="primary" theme="light" />
 
 ---
 
@@ -204,7 +204,7 @@ The ability to customize both the browser cache TTL and cache TTL at the edge al
 When enabling this functionality, large files are fragmented into smaller ones. These fragments are gradually delivered to the end user according to data consumption, avoiding an abrupt data transfer that could be interrupted by the user. This feature caches data on demand at the moment the user requests it, initiating the cache operation.
 
 
-<LinkButton link="/en/documentation/products/build/applications/cache-settings/#large-file-optimization" label="go to Large File Optimization documentation" />
+<Button href="/en/documentation/products/build/applications/cache-settings/#large-file-optimization" label="go to Large File Optimization documentation" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/main-menu/reference/build/edge-application/edge-functions-instances.mdx b/src/content/docs/en/pages/main-menu/reference/build/edge-application/edge-functions-instances.mdx
index aa34d32acc..c579b582ec 100644
--- a/src/content/docs/en/pages/main-menu/reference/build/edge-application/edge-functions-instances.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/build/edge-application/edge-functions-instances.mdx
@@ -7,7 +7,7 @@ meta_tags: 'funcions, edge, edge nodes, application'
 namespace: documentation_products_edge_applications_edge_functions_instances
 permalink: /documentation/products/build/applications/functions-instances/
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 **Functions** for **Applications** enables you to instantiate serverless functions within your Azion application, while also configuring execution conditions. These functions are processed close to your users, responding to events with remarkable speed, thus ensuring superior scalability and availability.
 
@@ -28,7 +28,7 @@ To instantiate an function in your application, you must first create one using
 
 During the instantiation process, the function's code can't be modified. Instead, the arguments, or **Args**, that will be passed to the context of the function's execution in JSON format must be informed.
 
-<LinkButton link="/en/documentation/products/build/applications/functions/" label="Learn more about Functions" />
+<Button href="/en/documentation/products/build/applications/functions/" label="Learn more about Functions" type="primary" theme="light" />
 
 ---
 
@@ -36,7 +36,7 @@ During the instantiation process, the function's code can't be modified. Instead
 
 You can create a rule using **Rules Engine** and, with the **Run Function** behavior, select the execution phase and the criteria that will trigger the rule. When a request meets the defined criteria in the rule, the function will be invoked and executed directly in Azion's edge nodes.
 
-<LinkButton link="/en/documentation/products/build/applications/rules-engine/#run-function" label="Learn more about the Run Function behavior" />
+<Button href="/en/documentation/products/build/applications/rules-engine/#run-function" label="Learn more about the Run Function behavior" type="primary" theme="light" />
 
 For further information on implementing functions, explore the [guides page](/en/documentation/products/guides/).
 
diff --git a/src/content/docs/en/pages/main-menu/reference/build/edge-application/edge-functions.mdx b/src/content/docs/en/pages/main-menu/reference/build/edge-application/edge-functions.mdx
index 81427f9856..acf8f206a3 100644
--- a/src/content/docs/en/pages/main-menu/reference/build/edge-application/edge-functions.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/build/edge-application/edge-functions.mdx
@@ -8,7 +8,7 @@ namespace: documentation_products_edge_functions
 permalink: /documentation/products/build/applications/functions/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Azion **Functions** allows you to create event-driven, serverless applications, closer to your users.
 
@@ -43,10 +43,10 @@ By using JavaScript in Functions, you can execute code closer to the end user, e
 
 By using the [Azion Runtime](/en/documentation/runtime/overview/) to develop your functions, you have a set of tools that help you implement your logic.
 
-<LinkButton link="/en/documentation/runtime/overview/" label="go to azion runtime" severity="secondary" target="_blank" />
-<br /><LinkButton link="/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/" label="go to supported Web Frameworks" severity="secondary" target="_blank" />
-<br /><LinkButton link="/en/documentation/devtools/runtime-apis/javascript/" label="go to supported Web APIs" severity="secondary" target="_blank" />
-<br /><LinkButton link="/en/documentation/products/azion-edge-runtime/compatibility/node/" label="go to node.js support reference" severity="secondary" target="_blank" />
+<Button href="/en/documentation/runtime/overview/" label="go to azion runtime" type="primary" theme="light" target="_blank" />
+<br /><Button href="/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/" label="go to supported Web Frameworks" type="primary" theme="light" target="_blank" />
+<br /><Button href="/en/documentation/devtools/runtime-apis/javascript/" label="go to supported Web APIs" type="primary" theme="light" target="_blank" />
+<br /><Button href="/en/documentation/products/azion-edge-runtime/compatibility/node/" label="go to node.js support reference" type="primary" theme="light" target="_blank" />
 
 ---
 
@@ -61,7 +61,7 @@ Functions provides support for advanced AI workflows, enabling you to:
 
 Azion's **AI Inference** allows you to run AI models on Azion Runtime, and can be used together with Functions to create complex AI-powered applications.
 
-<LinkButton link="/en/documentation/products/ai/ai-inference/" label="Learn more about AI Inference" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/ai/ai-inference/" label="Learn more about AI Inference" type="primary" theme="light" target="_blank" />
 
 ---
 
diff --git a/src/content/docs/en/pages/main-menu/reference/build/edge-application/error-responses.mdx b/src/content/docs/en/pages/main-menu/reference/build/edge-application/error-responses.mdx
index cc40d6713f..fa25e07193 100644
--- a/src/content/docs/en/pages/main-menu/reference/build/edge-application/error-responses.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/build/edge-application/error-responses.mdx
@@ -7,7 +7,7 @@ meta_tags: 'errors, application, http, error pages'
 namespace: documentation_edge_application_error_responses
 permalink: /documentation/products/build/applications/error-responses/
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 :::caution[important]
 The Error Responses feature has been replaced by **Custom Pages**.
@@ -55,7 +55,7 @@ Defines the time in seconds that the error page will remain in cache before it's
 Since an error page is often static and doesn't change frequently, Azion recommends high value cache times. That way, you can optimize your application's performance and reduce the cost of processing at the origin.
 :::
 
-<LinkButton link="/en/documentation/products/build/applications/cache-settings/#browser-cache-settings" label="Learn more about expiration settings" />
+<Button href="/en/documentation/products/build/applications/cache-settings/#browser-cache-settings" label="Learn more about expiration settings" type="primary" theme="light" />
 
 ---
 
@@ -75,7 +75,7 @@ Status code that will be delivered to the user instead of the original one. For
 
 The origin in which the URI file is located. Can only be altered if a URI is provided. Must be configured using **Origins**.
 
-<LinkButton link="/en/documentation/products/build/applications/origins/" label="Learn more about Origins" />
+<Button href="/en/documentation/products/build/applications/origins/" label="Learn more about Origins" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/main-menu/reference/build/edge-application/image-processor.mdx b/src/content/docs/en/pages/main-menu/reference/build/edge-application/image-processor.mdx
index 0e3419a763..2482060030 100644
--- a/src/content/docs/en/pages/main-menu/reference/build/edge-application/image-processor.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/build/edge-application/image-processor.mdx
@@ -8,7 +8,7 @@ meta_tags: 'Image Processor, edge computing'
 namespace: documentation_products_image_optimization
 permalink: /documentation/products/build/applications/image-processor/
 ---
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Image Processor** is an **Applications** module that can manipulate and process images directly at the edge, which allows you to optimize content transfer times and elevate user experience across your applications.
 
diff --git a/src/content/docs/en/pages/main-menu/reference/build/edge-application/l2-caching.mdx b/src/content/docs/en/pages/main-menu/reference/build/edge-application/l2-caching.mdx
index 01667f2a00..bc6045ab2f 100644
--- a/src/content/docs/en/pages/main-menu/reference/build/edge-application/l2-caching.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/build/edge-application/l2-caching.mdx
@@ -10,7 +10,7 @@ namespace: documentation_products_edge_application_l2_caching
 permalink: /documentation/products/build/applications/cache/tiered-cache/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Tiered Cache** is an **Cache** module that creates an additional cache layer between the edge and your origin servers, reducing latency and infrastructure costs.
 
@@ -37,7 +37,7 @@ Tiered Cache is only available if the service has been activated for your accoun
 
 **Tiered Cache** is specially designed for objects that can remain in cache for a long period of time. Thus, you can only activate it on cache policies with a TTL equal to or greater than *3 seconds*, with the default TTL being *60 seconds*.
 
-<LinkButton link="/en/documentation/products/build/applications/cache-settings/#browser-cache-settings" label="Learn more about expiration settings" />
+<Button href="/en/documentation/products/build/applications/cache-settings/#browser-cache-settings" label="Learn more about expiration settings" type="primary" theme="light" />
 
 ---
 
@@ -53,7 +53,7 @@ Azion also offers the option of hosting the Tiered Cache servers in Brazil (`sa-
 
 Whenever necessary, you can use **Real-Time Purge** to expire your **Tiered Cache** content before the expected TTL time. Remember to purge first from the tiered cache layer and only later from **Cache**. This avoids edge feedback with outdated Tiered Cache content.
 
-<LinkButton link="/en/documentation/products/build/applications/real-time-purge/" label="Learn more about Real-Time Purge" />
+<Button href="/en/documentation/products/build/applications/real-time-purge/" label="Learn more about Real-Time Purge" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/main-menu/reference/build/edge-application/main-settings.mdx b/src/content/docs/en/pages/main-menu/reference/build/edge-application/main-settings.mdx
index 2f7378d767..4a2e4fa97f 100644
--- a/src/content/docs/en/pages/main-menu/reference/build/edge-application/main-settings.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/build/edge-application/main-settings.mdx
@@ -8,7 +8,7 @@ permalink: /documentation/products/build/applications/main-settings/
 ---
 
 import Tag from 'primevue/tag'
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Apiv4Rollout from '~/includes/snippets/apiv4Rollout/en/snippet.mdx'
 
 <Apiv4Rollout />
@@ -33,31 +33,31 @@ The activation of the modules listed below may generate usage-related costs. Che
 
 The **Application Accelerator**  module speeds up web applications and APIs through protocol optimizations and manages dynamic content requirements.
 
-<LinkButton link="/en/documentation/products/build/applications/application-accelerator" label="Learn more about Application Accelerator" />
+<Button href="/en/documentation/products/build/applications/application-accelerator" label="Learn more about Application Accelerator" type="primary" theme="light" />
 
 ### Cache
 
 **Cache** allows you to configure how your application caches content, reducing latency and increasing transfer rates through Azion's network of edge nodes. This not only enhances performance and scalability for your content but also cuts back on infrastructure costs.
 
-<LinkButton link="/en/documentation/products/build/applications/cache/" label="Learn more about Cache" />
+<Button href="/en/documentation/products/build/applications/cache/" label="Learn more about Cache" type="primary" theme="light" />
 
 ### Functions
 
 **Functions** allow you to run custom serverless code, closer to your users. This enables low-latency execution for tasks such as personalizing content, processing API requests, enhancing security, and integrating with third-party services. You can use them to create dynamic, scalable, and efficient applications without managing traditional server infrastructure.
 
-<LinkButton link="/en/documentation/products/build/applications/functions/" label="Learn more about Functions" />
+<Button href="/en/documentation/products/build/applications/functions/" label="Learn more about Functions" type="primary" theme="light" />
 
 ### Image Processor
 
 **Image Processor** can manipulate and process images directly at the edge, which allows you to optimize content transfer times and elevate user experience across your applications.
 
-<LinkButton link="/en/documentation/products/build/applications/image-processor/" label="Learn more about Image Processor" />
+<Button href="/en/documentation/products/build/applications/image-processor/" label="Learn more about Image Processor" type="primary" theme="light" />
 
 ### Tiered Cache
 
 **Tiered Cache** creates an additional cache layer between the edge and your origin servers, reducing latency and infrastructure costs.
 
-<LinkButton link="/en/documentation/products/build/applications/cache/tiered-cache/" label="Learn more about Tiered Cache" />
+<Button href="/en/documentation/products/build/applications/cache/tiered-cache/" label="Learn more about Tiered Cache" type="primary" theme="light" />
 
 ## Debug Rules
 
diff --git a/src/content/docs/en/pages/main-menu/reference/build/edge-application/origins.mdx b/src/content/docs/en/pages/main-menu/reference/build/edge-application/origins.mdx
index e213179cdf..7f7bc994d2 100644
--- a/src/content/docs/en/pages/main-menu/reference/build/edge-application/origins.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/build/edge-application/origins.mdx
@@ -7,7 +7,7 @@ meta_tags: 'origin, server, edge, hmac, application, application,'
 namespace: documentation_products_content_delivery_single_origin
 permalink: /documentation/products/build/applications/origins/
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 
 import Apiv4Rollout from '~/includes/snippets/apiv4Rollout/en/snippet.mdx'
@@ -44,7 +44,7 @@ There are three options for you to customize your origin:
 
 When **Load Balancer** is selected as an origin type, you can configure the **Balancing Method** to determine how large amounts of requests are distributed among addresses, add multiple **Addresses** to your origin, and change the **Sever Role** and **Weight** of each address.
 
-<LinkButton link="/en/documentation/products/secure/connector/load-balancer/" label="Learn more about Load Balancer" />
+<Button href="/en/documentation/products/secure/connector/load-balancer/" label="Learn more about Load Balancer" type="primary" theme="light" />
 
 ### Object Storage
 
@@ -54,7 +54,7 @@ The bucket name is defined when you [create or modify an Object Storage bucket](
 
 The prefix is the path to the folder within the bucket that stores the objects. This field can be left blank if you wish your application's origin to be the root of the bucket.
 
-<LinkButton link="/en/documentation/products/store/edge-storage/" label="go to Object Storage reference" />
+<Button href="/en/documentation/products/store/edge-storage/" label="go to Object Storage reference" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/main-menu/reference/build/edge-application/rules-engine.mdx b/src/content/docs/en/pages/main-menu/reference/build/edge-application/rules-engine.mdx
index 6adb956349..1f763949af 100644
--- a/src/content/docs/en/pages/main-menu/reference/build/edge-application/rules-engine.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/build/edge-application/rules-engine.mdx
@@ -8,7 +8,7 @@ meta_tags: 'applications, rules engine'
 namespace: documentation_products_edge_applications_rules_engine
 permalink: /documentation/products/build/applications/rules-engine/
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag';
 import TableContainer from "~/components/Table/TableContainer.astro";
 import RulesExecution from '~/includes/snippets/RulesEngineExecution/en/snippet.mdx';
@@ -151,7 +151,7 @@ Add these variables inside the **Rules Engine** of your application to configure
 Most mTLS services rely on receiving the user certificate. By using [Azion Console](https://console.azion.com), you can send the `${ssl_client_escaped_cert}` variable in the `X-Forward-Client-Cert` (XFCC) header in the request to the origin, and then configure your application to use this header with the certificate data.
 :::
 
-<LinkButton link="/en/documentation/products/build/applications/domains/mtls/" label="Learn more about support for mTLS" severity="secondary" />
+<Button href="/en/documentation/products/build/applications/domains/mtls/" label="Learn more about support for mTLS" type="primary" theme="light" />
 
 ### Variables as arguments
 
@@ -333,7 +333,7 @@ This behavior is automatically included by Azion every time you select a Live In
 
 Azion's cache policy for live HLS streams is 5 seconds of cache for playlists (`.m3u8`) and 60 seconds of cache for chunks (`.ts`).
 
-<LinkButton link="/en/documentation/products/guides/enforce-hls-cache/" label="go to enforce HLS cache guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/enforce-hls-cache/" label="go to enforce HLS cache guide" type="primary" theme="light" />
 
 ### Filter Cookie
 <Tag severity="info" client:only="vue">Request Phase</Tag> <Tag severity="info" client:only="vue">Response Phase</Tag>
diff --git a/src/content/docs/en/pages/main-menu/reference/build/edge-application/v3/edge-application-v3.mdx b/src/content/docs/en/pages/main-menu/reference/build/edge-application/v3/edge-application-v3.mdx
index 4951806824..f3353c0c74 100644
--- a/src/content/docs/en/pages/main-menu/reference/build/edge-application/v3/edge-application-v3.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/build/edge-application/v3/edge-application-v3.mdx
@@ -7,7 +7,7 @@ meta_tags: 'Edge Computing, Applications, edge network'
 namespace: documentation_products_edge_applications_v3
 permalink: /documentation/products/build/edge-application/v3/
 ---
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Apiv4Rollout from '~/includes/snippets/apiv4Rollout/en/snippet.mdx'
 
 <Apiv4Rollout />
@@ -30,7 +30,7 @@ With Applications, you can:
 - Optimize content and image delivery for your users.
 - Customize origins and error pages.
 
-<LinkButton severity="secondary" label="Build your first Applications" link="/en/documentation/products/getting-started/" />
+<Button href="/en/documentation/products/getting-started/" label="Build your first Applications" type="primary" theme="light" />
 
 You can create and manage applications using:
 
@@ -97,7 +97,7 @@ See the documentation for each available setting:
 
 Azion **Workloads** provides you with the flexibility to use automatically generated domains or your own custom domains, allowing you to manage and deliver content effectively through your applications with support for secure connections over HTTP and HTTPS.
 
-<LinkButton severity="secondary" label="Learn more about Domains" link="/en/documentation/products/build/edge-application/domains/" />
+<Button href="/en/documentation/products/build/edge-application/domains/" label="Learn more about Domains" type="primary" theme="light" />
 
 ---
 
@@ -105,7 +105,7 @@ Azion **Workloads** provides you with the flexibility to use automatically gener
 
 With **Certificate Manager**, you can enhance the security of your HTTPS applications by binding a custom TLS certificate to your application.
 
-<LinkButton severity="secondary" label="Learn more about Certificate Manager" link="/en/documentation/products/secure/edge-firewall/digital-certificates/" />
+<Button href="/en/documentation/products/secure/edge-firewall/digital-certificates/" label="Learn more about Certificate Manager" type="primary" theme="light" />
 
 ---
 
@@ -113,7 +113,7 @@ With **Certificate Manager**, you can enhance the security of your HTTPS applica
 
 Use **Real-Time Purge** to clear cached content from Azion's edge or from the [tiered cache layer](/en/documentation/products/build/edge-application/tiered-cache/) to maintain content accuracy, reduce outdated content delivery, and deliver an optimal user experience on your application. 
 
-<LinkButton severity="secondary" label="Learn more about Real-Time Purge" link="/en/documentation/products/build/edge-application/real-time-purge/" />
+<Button href="/en/documentation/products/build/edge-application/real-time-purge/" label="Learn more about Real-Time Purge" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/main-menu/reference/build/edge-application/v3/main-settings-v3.mdx b/src/content/docs/en/pages/main-menu/reference/build/edge-application/v3/main-settings-v3.mdx
index e9c944a4ef..8ec20f138d 100644
--- a/src/content/docs/en/pages/main-menu/reference/build/edge-application/v3/main-settings-v3.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/build/edge-application/v3/main-settings-v3.mdx
@@ -10,7 +10,7 @@ permalink: /documentation/products/build/edge-application/main-settings/v3/
 ---
 
 import Tag from 'primevue/tag'
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 import Apiv4Rollout from '~/includes/snippets/apiv4Rollout/en/snippet.mdx'
 
@@ -113,6 +113,6 @@ The table below shows the ciphers available in each cipher suite.
 | AES256-GCM-SHA384 | ✔︎ | ✕ | ✕ | ✕ |
 | AES128-GCM-SHA256 | ✔︎ | ✕ | ✕ | ✕ |
 
-<LinkButton link="/en/documentation/products/guides/secure/ciphers/" label="go to configure TLS cipher suite guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/secure/ciphers/" label="go to configure TLS cipher suite guide" type="primary" theme="light" />
 
 
diff --git a/src/content/docs/en/pages/main-menu/reference/build/edge-application/websocket.mdx b/src/content/docs/en/pages/main-menu/reference/build/edge-application/websocket.mdx
index 6bac3022eb..4dd8bf9f83 100644
--- a/src/content/docs/en/pages/main-menu/reference/build/edge-application/websocket.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/build/edge-application/websocket.mdx
@@ -8,7 +8,7 @@ namespace: documentation_products_edge_application_websocket
 permalink: /documentation/products/build/applications/websocket/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 The **WebSocket Proxy** allows you to establish the WebSocket communication protocol between your origin and your users under the reverse proxy architecture. This type of protocol consists of a single bidirectional TCP connection that allows data to be exchanged in real time via a single handshake without the need to restart the connection.
 
@@ -39,7 +39,7 @@ Azion Functions supports **WebSocket API**, allowing your Applications to act as
 - **Broadcast helpers**: Easily fan-out messages to all connected clients with minimal code
 - **Firewall support**: Firewall rules can inspect WebSocket traffic before the upgrade process is finalized
 
-<LinkButton link="/en/documentation/runtime/api-reference/websocket/" label="Go to WebSocket API reference" severity="secondary" target="_blank" />
+<Button href="/en/documentation/runtime/api-reference/websocket/" label="Go to WebSocket API reference" type="primary" theme="light" target="_blank" />
 
 ## Requirements
 
diff --git a/src/content/docs/en/pages/main-menu/reference/marketplace/isv-signup.mdx b/src/content/docs/en/pages/main-menu/reference/marketplace/isv-signup.mdx
index 1da078e00b..a74ad65708 100644
--- a/src/content/docs/en/pages/main-menu/reference/marketplace/isv-signup.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/marketplace/isv-signup.mdx
@@ -7,17 +7,17 @@ meta_tags: 'vendor, edge computing, isv, marketplace'
 namespace: docs_marketplace_isv_signup
 permalink: /documentation/products/marketplace/isv-signup/
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 **Azion Marketplace** is a curated digital catalog that allows companies to easily distribute their integrations to a wider audience. This way, you can bring your product to Azion with a few clicks and accelerate the go-to-market process.
 
 To publish your product at Azion Marketplace, you must become an Independent Software Vendor (ISV) following the **ISV Signup Process**, as explained in the next sections.
 
-<LinkButton link="/en/documentation/products/marketplace/" label="Go to Azion Marketplace reference" severity="secondary" /> 
+<Button href="/en/documentation/products/marketplace/" label="Go to Azion Marketplace reference" type="primary" theme="light" /> 
 
 
 <br/>
-<LinkButton link="/en/documentation/products/marketplace/marketplace-seller-guide/" label="Marketplace Seller Guide" severity="secondary" /> 
+<Button href="/en/documentation/products/marketplace/marketplace-seller-guide/" label="Marketplace Seller Guide" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/en/pages/main-menu/reference/marketplace/marketplace-first-steps.mdx b/src/content/docs/en/pages/main-menu/reference/marketplace/marketplace-first-steps.mdx
index c092a6a460..5bd7ddc065 100644
--- a/src/content/docs/en/pages/main-menu/reference/marketplace/marketplace-first-steps.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/marketplace/marketplace-first-steps.mdx
@@ -8,7 +8,7 @@ namespace: docs_marketplace_first_steps
 permalink: /documentation/products/marketplace/first-steps/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 To access **Azion Marketplace**, proceed as follows:
 
@@ -27,11 +27,11 @@ Now, you can navigate through all the available resources in the Marketplace.
 
 This will open the building page where you can select the template you want to start with.
 
-<LinkButton link="/en/documentation/products/marketplace/templates/" label="go to templates reference" severity="secondary" /> 
+<Button href="/en/documentation/products/marketplace/templates/" label="go to templates reference" type="primary" theme="light" /> 
 
 
 <br />
-<LinkButton link="/en/documentation/products/start-with-a-template/" label="go to start with a template guide" severity="secondary" /> 
+<Button href="/en/documentation/products/start-with-a-template/" label="go to start with a template guide" type="primary" theme="light" /> 
 
 
 
@@ -45,11 +45,11 @@ Access [Azion Console](https://console.azion.com) and go to **Marketplace**. To
 - Filter them by category, using the filter section, located on the left-side of the Marketplace homepage. 
 - Browse through the cards on the screen to find the desired integration.
 
-<LinkButton link="/en/documentation/products/marketplace/integrations/" label="go to integrations reference" severity="secondary" /> 
+<Button href="/en/documentation/products/marketplace/integrations/" label="go to integrations reference" type="primary" theme="light" /> 
 
 
 <br />
-<LinkButton link="/en/documentation/products/marketplace/install-an-integration/" label="go to install an integration guide" severity="secondary" /> 
+<Button href="/en/documentation/products/marketplace/install-an-integration/" label="go to install an integration guide" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/en/pages/main-menu/reference/marketplace/marketplace-reference.mdx b/src/content/docs/en/pages/main-menu/reference/marketplace/marketplace-reference.mdx
index 275f62e794..1ad416e075 100644
--- a/src/content/docs/en/pages/main-menu/reference/marketplace/marketplace-reference.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/marketplace/marketplace-reference.mdx
@@ -8,7 +8,7 @@ namespace: docs_marketplace
 permalink: /documentation/products/marketplace/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 **Azion Marketplace** is a digital catalog that makes it easy to find, test, and deploy edge-running software. With a wide range of options, you can quickly deploy new applications based on [templates](#azion-templates) or use [integrations](#azion-integrations) to improve, compose, or customize your applications.
 
@@ -50,11 +50,11 @@ By accessing [Azion Console](https://console.azion.com), you find the ideal opti
 
 **Azion Templates** are pre-built and pre-configured projects designed to quickly create and deploy new applications attending to a variety of use cases. 
 
-<LinkButton link="/en/documentation/products/marketplace/templates/" label="go to templates reference" severity="secondary" /> 
+<Button href="/en/documentation/products/marketplace/templates/" label="go to templates reference" type="primary" theme="light" /> 
 
 
 <br />
-<LinkButton link="/en/documentation/products/start-with-a-template/" label="go to start with a template guide" severity="secondary" /> 
+<Button href="/en/documentation/products/start-with-a-template/" label="go to start with a template guide" type="primary" theme="light" /> 
 
 
 
@@ -70,11 +70,11 @@ In Azion Marketplace, you'll find integrations that run functions in two ways: b
 
 Check [Azion’s guides page](/en/documentation/products/guides/#marketplace) for more details on the installation for type of integration.
 
-<LinkButton link="/en/documentation/products/marketplace/integrations/" label="go to integrations reference" severity="secondary" /> 
+<Button href="/en/documentation/products/marketplace/integrations/" label="go to integrations reference" type="primary" theme="light" /> 
 
 
 <br />
-<LinkButton link="/en/documentation/products/marketplace/install-an-integration/" label="go to install an integration guide" severity="secondary" /> 
+<Button href="/en/documentation/products/marketplace/install-an-integration/" label="go to install an integration guide" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/en/pages/main-menu/reference/marketplace/marketplace-seller-guide.mdx b/src/content/docs/en/pages/main-menu/reference/marketplace/marketplace-seller-guide.mdx
index 208c033f65..ef7d368919 100644
--- a/src/content/docs/en/pages/main-menu/reference/marketplace/marketplace-seller-guide.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/marketplace/marketplace-seller-guide.mdx
@@ -8,7 +8,7 @@ namespace: docs_marketplace_marketplace_seller_guide
 permalink: /documentation/products/marketplace/marketplace-seller-guide/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 **Azion Marketplace** is a curated digital catalog that offers ready-to-use edge-running software, accelerating the development workflow.
 
@@ -68,7 +68,7 @@ After completing this process, the Azion team will analyze the ISV application a
 Azion may require you to provide additional information to verify your identity, including legal, financial, business, tax, or personal information. Azion may make, directly or through third parties, inquiries considered necessary to validate the information that you provide, including checking commercial databases.
 :::
 
-<LinkButton link="/en/documentation/products/marketplace/isv-signup/" label="go to Become an ISV guide" severity="secondary" /> 
+<Button href="/en/documentation/products/marketplace/isv-signup/" label="go to Become an ISV guide" type="primary" theme="light" /> 
 
 
 
@@ -103,7 +103,7 @@ In this matter, for the first *90 days* after launch, Azion will relax the requi
 
 There is **no service fee** for *Bring Your Own License (BYOL)* or *Software free of charge* products to be published and hosted on Azion Marketplace. However, all seller’s products will incur associated Azion charges depending on the services used. These rates and fees are defined and controlled by Azion. Once the product subscriptions are in place, the buyer can copy the product to their Azion Edge Libraries to manage how the product is accessed and used in the buyers’s organization.
 
-<LinkButton link="/en/documentation/products/pricing/" label="go to Pricing page" severity="secondary" /> 
+<Button href="/en/documentation/products/pricing/" label="go to Pricing page" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/en/pages/main-menu/reference/marketplace/permissions-marketplace.mdx b/src/content/docs/en/pages/main-menu/reference/marketplace/permissions-marketplace.mdx
index b83c55a36c..b457f40b55 100644
--- a/src/content/docs/en/pages/main-menu/reference/marketplace/permissions-marketplace.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/marketplace/permissions-marketplace.mdx
@@ -6,7 +6,7 @@ namespace: documentation_permissions_mktp
 permalink: /documentation/products/marketplace/permissions-marketplace/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 To install and deploy templates or integrations from Azion, you may have to grant privileges for **Marketplace** to read and write the configurations of your applications.
 
@@ -41,7 +41,7 @@ Every application relies on **Rules Engine** in order to execute the *behavior*
 
 Some integrations will run on the firewall instance. These integrations will need more privileges than granted to an application. To know the **Firewall** access privileges, visit the documentation for [Teams Permissions](/en/documentation/products/accounts/teams-permissions/).
 
-<LinkButton link="/en/documentation/products/marketplace/integrations/" label="go to integrations reference" severity="secondary" /> 
+<Button href="/en/documentation/products/marketplace/integrations/" label="go to integrations reference" type="primary" theme="light" /> 
 
 
 
@@ -53,7 +53,7 @@ To guarantee the optimal performance of certain templates, some Azion products m
 
 Additionally, some templates work with third-party tools to provide a more comprehensive and modern solution. Using this type of template will require compliance with certain requirements such as creating an account or initial setup. In some cases, this integration could generate cost by usage.
 
-<LinkButton link="/en/documentation/products/marketplace/templates/" label="go to templates reference" severity="secondary" /> 
+<Button href="/en/documentation/products/marketplace/templates/" label="go to templates reference" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/en/pages/main-menu/reference/observe/data-stream/data-stream.mdx b/src/content/docs/en/pages/main-menu/reference/observe/data-stream/data-stream.mdx
index f4860482ae..fb47cc9968 100644
--- a/src/content/docs/en/pages/main-menu/reference/observe/data-stream/data-stream.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/observe/data-stream/data-stream.mdx
@@ -10,7 +10,7 @@ permalink: /documentation/products/observe/data-stream/
 ---
 
 import Tag from 'primevue/tag'
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Data Stream** is an [Observe](/en/documentation/products/observe/) product that allows you to feed your stream processing, SIEM, and big data platforms with the event logs from your applications on Azion in real time. To keep an enhanced performance, it uses ASCII encoding to avoid parser issues and problems in data interpretation.
 
@@ -277,7 +277,7 @@ See which template corresponds to which data source:
 
 By selecting one of the templates provided by Azion, you can't modify the variables shown in the **Data Set** code field. If you select **Custom Template**, you're able to customize which variables you want to use according to your needs.
 
-<LinkButton link="/en/documentation/products/guides/data-stream-custom-template/" label="How to create a custom template on Data Stream" severity="secondary"/>
+<Button href="/en/documentation/products/guides/data-stream-custom-template/" label="How to create a custom template on Data Stream" type="primary" theme="light" />
 
 ---
 
@@ -289,7 +289,7 @@ When you associate a domain, the events related with that or those specific doma
 
 When you select **All Domains**, the platform automatically selects all current *and future* domains you have on your Azion Console account.
 
-<LinkButton severity="secondary" link="/en/documentation/products/guides/data-stream-associate-domains/" label="How to associate domains on Data Stream" />
+<Button href="/en/documentation/products/guides/data-stream-associate-domains/" label="How to associate domains on Data Stream" type="primary" theme="light" />
 
 In case you select the **All Domains** option, you can also set the percentage of data you want to receive randomly from your stream through the *Sampling* option. In addition to filtering by sampling, it can also reduce costs of data collection and analysis.
 
@@ -383,7 +383,7 @@ To configure the [AWS Kinesis Data Firehose](https://aws.amazon.com/kinesis/data
 - **Access Key**: the public key to access the Data Firehose, which is given by AWS. Example: `ORIA5ZEH9MW4NL5OITY4`
 - **Secret Key**: the secret key to access the Data Firehose, which is given by AWS. Example: `+PLjkUWJyOLth3anuWXcLLVrMLeiiiThIokaPEiw`
 
-<LinkButton severity="secondary" link="/en/documentation/products/guides/endpoint-amazon-kinesis/" label="How to use Amazon Kinesis Data Firehose to receive data" />
+<Button href="/en/documentation/products/guides/endpoint-amazon-kinesis/" label="How to use Amazon Kinesis Data Firehose to receive data" type="primary" theme="light" />
 
 
 ---
@@ -396,7 +396,7 @@ To configure the [Azure Blob Storage](https://azure.microsoft.com/en-us/products
 - **Container Name**: the storage container name you defined in Blob Storage. Example: `mycontainer`
 - **Blob SAS Token**: the token generated by Blob Storage. It should have create, read, write, and list accesses granted. Example: `sp=oiuwdl&st=2022-04-14T18:05:08Z&se=2026-03-02T02:05:08Z&sv=2020-08-04&sr=c&sig=YUi0TBEt7XTlxXex4Jui%2Fc88h6qAgMmCY4XIXeMvxa0%3F`
 
-<LinkButton severity="secondary" link="/en/documentation/products/guides/endpoint-azure-blob/" label="How to use Azure Blob Storage to receive data" />
+<Button href="/en/documentation/products/guides/endpoint-azure-blob/" label="How to use Azure Blob Storage to receive data" type="primary" theme="light" />
 
 ---
 
@@ -409,7 +409,7 @@ To configure the [Azure Monitor](https://azure.microsoft.com/en-us/products/moni
 - **Time Generated Field**: used for the TimeGenerated field, which specifies how long it'll take for the log to be available after being collected. If it isn't specified, it uses the ingestion time. Example: `myCustomTimeField`
 - **Workspace ID**: the ID of your Workspace in Azure Monitor. Example: `kik73154-0426-464c-aij3-eg6d24u87c50`
 
-<LinkButton severity="secondary" link="/en/documentation/products/guides/endpoint-azure-monitor/" label="How to use Azure Monitor to receive data" />
+<Button href="/en/documentation/products/guides/endpoint-azure-monitor/" label="How to use Azure Monitor to receive data" type="primary" theme="light" />
 
 ---
 
@@ -420,7 +420,7 @@ To configure the [Datadog](https://www.datadoghq.com/) endpoint, you need access
 - **Datadog URL**: the URL or URI of your Datadog endpoint. Example: `https://inputs.splunk-client.splunkcloud.com:1337/services/collector`
 - **API Key**: the API key generated through the Datadog dashboard. Example: `ij9076f1ujik17a81f938yhru5g713422`
 
-<LinkButton severity="secondary" link="/en/documentation/products/guides/endpoint-datadog/" label="How to use Datadog to receive data" />
+<Button href="/en/documentation/products/guides/endpoint-datadog/" label="How to use Datadog to receive data" type="primary" theme="light" />
 
 ---
 
@@ -431,7 +431,7 @@ To configure the [Elasticsearch](https://www.elastic.co/pt/elasticsearch/) endpo
 - **Elasticsearch URL**: the URL address + the Elasticsearch index that will receive the collected data. Example: `https://elasticsearch-domain.com/myindex`
 - **Encoded API Key**: the `Base64` key corresponding to the `"encoded"` value generated while creating the API Key in ElasticSearch. Example: `VnVhQ2ZHY0JDZGJrUW0tZTVhT3g6dWkybHAyYXhUTm1zeWFrdzl0dk5udw==`
 
-<LinkButton severity="secondary" link="/en/documentation/products/guides/endpoint-elasticsearch/" label="How to use Elasticsearch to receive data" />
+<Button href="/en/documentation/products/guides/endpoint-elasticsearch/" label="How to use Elasticsearch to receive data" type="primary" theme="light" />
 
 ---
 
@@ -459,7 +459,7 @@ To configure the [Google BigQuery](https://cloud.google.com/bigquery) endpoint,
 }
 ```
 
-<LinkButton severity="secondary" link="/en/documentation/products/guides/endpoint-google-bigquery/" label="How to use Google BigQuery to receive data" />
+<Button href="/en/documentation/products/guides/endpoint-google-bigquery/" label="How to use Google BigQuery to receive data" type="primary" theme="light" />
 
 ---
 
@@ -489,8 +489,8 @@ You can use any type of S3 (Simple Storage Service) provider of your choice, inc
 - **Object Key Prefix**: the prefix for the name of your uploaded object. The file name is composed of the Prefix, the date and time the packets are sent in the YYYY/MM/DD/hh/mm/ format, and the UUID. Example: if you use `user/logs` as the prefix, the sent objects will be saved following this structure `user/logs/2024/10/12/06/24/37d66e78-c308-4006-9d4d-1c013ed89276`.
 - **Content Type**: the format in which the object will be created in your bucket. You can chose between *plain/text* or *application/gzip*.
 
-<LinkButton severity="secondary" link="/en/documentation/products/guides/endpoint-amazon-s3/" label="How to use Amazon S3 to receive data" />
-<LinkButton severity="secondary" link="/en/documentation/products/guides/connector-azion-edge-storage/" label="How to use Azion Object Storage to receive data" />
+<Button href="/en/documentation/products/guides/endpoint-amazon-s3/" label="How to use Amazon S3 to receive data" type="primary" theme="light" />
+<Button href="/en/documentation/products/guides/connector-azion-edge-storage/" label="How to use Azion Object Storage to receive data" type="primary" theme="light" />
 
 
 ---
@@ -502,7 +502,7 @@ To configure the [Splunk](https://www.splunk.com/) endpoint, you need access to
 - **Splunk URL**: the URL that will receive the collected data. If you have an alternative index to point, you can add it at the end of the URL. Example: `https://inputs.splunkcloud.com:8080/services/collector?index=myindex`
 - **API Key**: the HTTP Event Collector Token provided during your Splunk installation. Example: `crfe25d2-23j8-48gf-a9ks-6b75w3ska674`
 
-<LinkButton severity="secondary" link="/en/documentation/products/guides/endpoint-splunk/" label="How to use Splunk to receive data" />
+<Button href="/en/documentation/products/guides/endpoint-splunk/" label="How to use Splunk to receive data" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/main-menu/reference/observe/edge-pulse/edge-pulse.mdx b/src/content/docs/en/pages/main-menu/reference/observe/edge-pulse/edge-pulse.mdx
index 4ff161ed65..ba393738f1 100644
--- a/src/content/docs/en/pages/main-menu/reference/observe/edge-pulse/edge-pulse.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/observe/edge-pulse/edge-pulse.mdx
@@ -7,7 +7,7 @@ namespace: documentation_products_edge_pulse
 permalink: /documentation/products/observe/edge-pulse/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Edge Pulse** is an [Observe](/en/documentation/products/observe/) product based on the market-leading *Real User Monitoring (RUM)* solution. With it, you can, in real time:
 
@@ -64,7 +64,7 @@ The categories for collected data are:
 - Informational
 - Network
 
-<LinkButton link="/en/documentation/products/observe/real-time-events/" label="explore via Real-Time Events" />
+<Button href="/en/documentation/products/observe/real-time-events/" label="explore via Real-Time Events" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/main-menu/reference/observe/real-time-events/real-time-events.mdx b/src/content/docs/en/pages/main-menu/reference/observe/real-time-events/real-time-events.mdx
index 89f637895b..ad35060ec9 100644
--- a/src/content/docs/en/pages/main-menu/reference/observe/real-time-events/real-time-events.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/observe/real-time-events/real-time-events.mdx
@@ -9,7 +9,7 @@ permalink: /documentation/products/observe/real-time-events/
 ---
 
 import Tag from 'primevue/tag'
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 <Tag severity="info" client:only="vue">
 Preview
diff --git a/src/content/docs/en/pages/main-menu/reference/observe/real-time-metrics/real-time-metrics.mdx b/src/content/docs/en/pages/main-menu/reference/observe/real-time-metrics/real-time-metrics.mdx
index 4f1bacb5eb..486093fc59 100644
--- a/src/content/docs/en/pages/main-menu/reference/observe/real-time-metrics/real-time-metrics.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/observe/real-time-metrics/real-time-metrics.mdx
@@ -11,7 +11,7 @@ permalink: /documentation/products/observe/real-time-metrics/
 ---
 
 import Tag from 'primevue/tag';
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Real-Time Metrics** is an [Observe](/en/documentation/products/observe/) product that provides you with real-time access to metrics, through charts, so you can analyze the events of your applications and products configured on Azion. It also helps you optimize the use of Azion products and how your content is delivered.
 
@@ -55,7 +55,7 @@ Azion stores your metrics' events and logs for 2 years, but the new Real-Time Me
 
 If you want to view metrics for up to 2 years and before October 15th, 2022:
 
-<LinkButton link="/en/documentation/products/observe/historical-real-time-metrics/" label="Use the Historical Real-Time Metrics" severity="secondary" />
+<Button href="/en/documentation/products/observe/historical-real-time-metrics/" label="Use the Historical Real-Time Metrics" type="primary" theme="light" />
 
 ---
 
@@ -132,7 +132,7 @@ The timezone used is the same as the one configured in your user preferences.
 
 After you configure the **Time range** and **Date calendar** fields, your charts are refreshed to fetch the data related to the new configured data interval.
 
-<LinkButton link="/en/documentation/products/guides/use-real-time-metrics/" label="How to use Real-Time Metrics" severity="secondary" />
+<Button href="/en/documentation/products/guides/use-real-time-metrics/" label="How to use Real-Time Metrics" type="primary" theme="light" />
 
 ---
 
@@ -140,7 +140,7 @@ After you configure the **Time range** and **Date calendar** fields, your charts
 
 **Real-Time Metrics** allows you to filter your analysis, receiving specific fields and values. You can add a single or multiple filters depending on the analysis you want to conduct.
 
-<LinkButton link="/en/documentation/products/guides/observe/add-filters-metrics/" label="Go to add filters guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/observe/add-filters-metrics/" label="Go to add filters guide" type="primary" theme="light" />
 
 :::tip
 After you apply a filter, the URL path on Azion Console is updated with an encoded parameter. You can copy and share it with other users so they can view the charts with the same filters applied.
diff --git a/src/content/docs/en/pages/main-menu/reference/secure/api-v4-migration.mdx b/src/content/docs/en/pages/main-menu/reference/secure/api-v4-migration.mdx
index 3e12ea0c6e..cbfbd25db3 100644
--- a/src/content/docs/en/pages/main-menu/reference/secure/api-v4-migration.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/secure/api-v4-migration.mdx
@@ -7,7 +7,7 @@ namespace: documentation_products_apiv4_migration
 permalink: /documentation/products/api-v4-migration/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Code from '~/components/Code/Code.astro'
 
 ## Migration overview
@@ -187,7 +187,7 @@ If you have an automation that currently uses the **Domains** API endpoints you
 - **Simplified Management**: Centralizes configuration and control of different application elements, reducing operational complexity.
 - **Foundation for New Capabilities**: Required for future features such as configuration versioning and more intuitive service connections, for example, linking a domain directly to Object Storage without relying on an Applications.
 
-<LinkButton link="/en/documentation/products/secure/workloads" label="Visit the Workloads Reference" />
+<Button href="/en/documentation/products/secure/workloads" label="Visit the Workloads Reference" type="primary" theme="light" />
 
 ---
 
@@ -316,7 +316,7 @@ If you have an automation that currently uses the **Applications - Origins** API
 - **Simplified Backend Management**: **Connectors** centralizes all backend connection definitions, reducing configuration complexity. Multiple **Applications** can use a single **Connectors**, streamlining maintenance and ensuring configuration consistency.
 - **Future-Ready Architecture**: **Connectors** provides the foundation for upcoming Azion Web Platform features and optimizations, ensuring your Applications are ready to leverage new capabilities as they become available.
 
-<LinkButton link="/en/documentation/products/secure/edge-connector" label="Visit the Connectors reference"/>
+<Button href="/en/documentation/products/secure/edge-connector" label="Visit the Connectors reference" type="primary" theme="light" />
 
 ---
 
@@ -431,7 +431,7 @@ Existing Error Responses will be automatically converted to **Custom Pages** in
   - Enable or disable any **Custom Page** using a status toggle.
   - View and manage a paginated list of all configured status codes through the user interface.
 
-<LinkButton link="/en/documentation/products/secure/custom-pages" label="Visit the Custom Pages Reference"/>
+<Button href="/en/documentation/products/secure/custom-pages" label="Visit the Custom Pages Reference" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/main-menu/reference/secure/custom-pages/custom-pages.mdx b/src/content/docs/en/pages/main-menu/reference/secure/custom-pages/custom-pages.mdx
index 533464716a..3ece1ca094 100644
--- a/src/content/docs/en/pages/main-menu/reference/secure/custom-pages/custom-pages.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/secure/custom-pages/custom-pages.mdx
@@ -7,7 +7,7 @@ meta_tags: 'errors, application, http, error pages'
 namespace: documentation_secure_custom_pages
 permalink: /documentation/products/secure/custom-pages/
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Apiv4Rollout from '~/includes/snippets/apiv4Rollout/en/snippet.mdx'
 
 
@@ -76,7 +76,7 @@ These are the available status codes:
 
 Defines the time in seconds that the error page will remain in cache before it's refreshed.
 
-<LinkButton link="/en/documentation/products/build/edge-application/cache-settings/#browser-cache-settings" label="Learn more about cache expiration settings" />
+<Button href="/en/documentation/products/build/edge-application/cache-settings/#browser-cache-settings" label="Learn more about cache expiration settings" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/main-menu/reference/secure/edge-connector/edge-connector.mdx b/src/content/docs/en/pages/main-menu/reference/secure/edge-connector/edge-connector.mdx
index 1e8abf163d..713a818775 100644
--- a/src/content/docs/en/pages/main-menu/reference/secure/edge-connector/edge-connector.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/secure/edge-connector/edge-connector.mdx
@@ -6,7 +6,7 @@ meta_tags: 'Connectors, Edge Computing, Edge, Origin'
 namespace: documentation_products_edge_connector
 permalink: /documentation/products/secure/connectors/
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Apiv4Rollout from '~/includes/snippets/apiv4Rollout/en/snippet.mdx'
 
 <Apiv4Rollout />
@@ -95,7 +95,7 @@ The `connection_timeout` parameter specifies the timeout, in seconds, for establ
 
 When **HTTP** is selected as a connector type, you can configure the **Balancing Method** to determine how large amounts of requests are distributed among addresses, add multiple **Addresses** to your connector, and change the **Server Role** and **Weight** of each address.
 
-<LinkButton link="/en/documentation/products/secure/connectors/load-balancer/" label="Learn more about Load Balancer" />
+<Button href="/en/documentation/products/secure/connectors/load-balancer/" label="Learn more about Load Balancer" type="primary" theme="light" />
 
 ##### Origin Shield
 
@@ -172,13 +172,13 @@ Below are the attributes for the [Connectors API](https://api.azion.com/v4#/oper
 | bucket    | String | The name of the bucket.         |
 | prefix    | String | The prefix path for the bucket. |
 
-<LinkButton link="/en/documentation/products/store/edge-storage/" label="Go to Object Storage reference" />
+<Button href="/en/documentation/products/store/edge-storage/" label="Go to Object Storage reference" type="primary" theme="light" />
 
 ### Live Ingest
 
 This connector type can be used for scenarios where content providers require high fidelity and low latency, such as live events, e-sports, and educational content. It supports ingestion of live video streams and enables selection of the ingestion region to optimize latency. The platform uses a network of edge locations to improve delivery efficiency and scalability, and provides security features for stream protection. To use this connector type, select your preferred ingestion region to minimize latency, start streaming your live video using the appropriate endpoint, and monitor performance to ensure optimal delivery.
 
-<LinkButton link="/en/documentation/architectures/live-streaming-delivery/live-streaming-delivery-with-hls/" label="Go to Live Ingest Solution" />
+<Button href="/en/documentation/architectures/live-streaming-delivery/live-streaming-delivery-with-hls/" label="Go to Live Ingest Solution" type="primary" theme="light" />
 
 
 ---
diff --git a/src/content/docs/en/pages/main-menu/reference/secure/edge-connector/load-balancer.mdx b/src/content/docs/en/pages/main-menu/reference/secure/edge-connector/load-balancer.mdx
index 3084abc87f..7c0a580ab0 100644
--- a/src/content/docs/en/pages/main-menu/reference/secure/edge-connector/load-balancer.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/secure/edge-connector/load-balancer.mdx
@@ -7,7 +7,7 @@ meta_tags: 'Load Balancer, edge computing'
 namespace: documentation_products_load_balancer
 permalink: /documentation/products/secure/connectors/load-balancer/
 ---
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Azion **Load Balancer** is a **Connectors** feature designed to balance traffic across your origins, data centers, or cloud providers, mitigating network congestion and server overload. To achieve high levels of fault tolerance and performance in case there are any issues with your origin servers, your content and applications must be available from multiple sources.
 
@@ -58,7 +58,7 @@ The **IP Hash** balancing algorithm tracks user IP addresses and associates the
 
 You may add more than one **Address** for your origin. Addresses in **Load Balancer** follow the same logic as a **Single Origin** address.
 
-<LinkButton link="/en/documentation/products/build/edge-application/origins/#address" label="Learn more about origin addresses" />
+<Button href="/en/documentation/products/build/edge-application/origins/#address" label="Learn more about origin addresses" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/main-menu/reference/secure/edge-connector/origin-shield.mdx b/src/content/docs/en/pages/main-menu/reference/secure/edge-connector/origin-shield.mdx
index 3416f95f9c..df21426f3a 100644
--- a/src/content/docs/en/pages/main-menu/reference/secure/edge-connector/origin-shield.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/secure/edge-connector/origin-shield.mdx
@@ -7,7 +7,7 @@ namespace: documentation_products_edge_connector_origin_shield
 permalink: /documentation/products/secure/connectors/origin-shield/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 **Origin Shield** is a security feature that provides a dynamic Network List, `Azion Origin Shield`, containing all IP/CIDR addresses used by Azion's network infrastructure. 
 
diff --git a/src/content/docs/en/pages/main-menu/reference/secure/edge-dns/dnssec/dnssec.mdx b/src/content/docs/en/pages/main-menu/reference/secure/edge-dns/dnssec/dnssec.mdx
index 9f7300c0b4..3c19cb1439 100644
--- a/src/content/docs/en/pages/main-menu/reference/secure/edge-dns/dnssec/dnssec.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/secure/edge-dns/dnssec/dnssec.mdx
@@ -9,7 +9,7 @@ namespace: documentation_products_intelligent_dns_dnssec
 permalink: /documentation/products/secure/edge-dns/dnssec-compatibility/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 When typing a URL (Uniform Resource Locator) in the address bar of a web browser, you generally use a text pattern that is easy to read and remember, such as `www.azion.com`. Based on the provided URL, a request then occurs to a server located on the Internet, such as a postal address.
 
@@ -46,7 +46,7 @@ DNSSEC doesn't encrypt data. It only guarantees the authenticity of the IP addre
 
 Azion Web Platform is compatible with the **DNSSEC** specification, supporting its use on websites and applications accelerated by Azion.
 
-<LinkButton link="/en/documentation/products/guides/secure/activate-dnssec/" label="activate DNSSEC" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/secure/activate-dnssec/" label="activate DNSSEC" type="primary" theme="light" /> 
 
 DNSSEC uses digital signatures to provide:
 
diff --git a/src/content/docs/en/pages/main-menu/reference/secure/edge-dns/edge-dns.mdx b/src/content/docs/en/pages/main-menu/reference/secure/edge-dns/edge-dns.mdx
index 7521675075..9aa30e5225 100644
--- a/src/content/docs/en/pages/main-menu/reference/secure/edge-dns/edge-dns.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/secure/edge-dns/edge-dns.mdx
@@ -8,7 +8,7 @@ namespace: documentation_products_intelligent_dns
 permalink: /documentation/products/secure/edge-dns/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Edge DNS** is a domain hosting service that is part of Azion's traffic routing solution. By using it, your domains will be hosted on Azion distributed infrastructure using the same performance and security solutions built for other Azion products, combining techniques to optimize requests with protection against **Distributed Denial of Service (DDoS)** attacks. 
 
@@ -34,13 +34,13 @@ It's the DNS that allows you to type in a domain name instead of a string of num
 
 After configuring Edge DNS, you can test if your zone is processing your information.
 
-<LinkButton link="/en/documentation/products/secure/troubleshoot/test-zone/" label="go to test zone guide" severity="secondary" /> 
+<Button href="/en/documentation/products/secure/troubleshoot/test-zone/" label="go to test zone guide" type="primary" theme="light" /> 
 
 ---
 
 ## Edge DNS Records
 
-<LinkButton link="/en/documentation/products/guides/secure/add-records/" label="go add records guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/secure/add-records/" label="go add records guide" type="primary" theme="light" />
 
 ### Zone Name
 
@@ -116,7 +116,7 @@ Given a set of Weighted Records, with same *Name* and *Type*, the chances of a s
 
 `Weight of the record / Sum of all Weights`
 
-<LinkButton link="/en/documentation/products/guides/secure/load-balance-dns/" label="go load balance DNS records guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/secure/load-balance-dns/" label="go load balance DNS records guide" type="primary" theme="light" />
 
 ---
 
@@ -149,7 +149,7 @@ You can set up a domain, such as `www.domain.com`, to be used as a naked domain,
 - Create an A-type entry pointing to your webserver. Then, it'll be redirected to Azion. This option may impact your Google ranking.
 - Create an ANAME entry in your DNS and point it to Azion. If you're using a DNS service outside Azion or a domain pointing to another platform, this option may not be supported.
 
-<LinkButton link="/en/documentation/products/guides/secure/access-root-domain/" label="go to access addresses through a root domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/secure/access-root-domain/" label="go to access addresses through a root domain guide" type="primary" theme="light" /> 
 
 ---
 
@@ -196,7 +196,7 @@ It's important to verify that all your records are properly registered and teste
 
 The **Domain Name System Security Extensions (DNSSEC)** is a feature of the *Domain Name System (DNS)* that authenticates responses to domain name lookups. It doesn't provide privacy protections for those lookups but prevents attackers from manipulating or poisoning the responses to DNS requests.
 
-<LinkButton link="/en/documentation/products/secure/edge-dns/dnssec-compatibility/" label="go to DNSSEC compatibility reference" severity="secondary" /> 
+<Button href="/en/documentation/products/secure/edge-dns/dnssec-compatibility/" label="go to DNSSEC compatibility reference" type="primary" theme="light" /> 
  
 
 ---
diff --git a/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/azion-bot-manager-lite.mdx b/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/azion-bot-manager-lite.mdx
index b584d6d960..d401d5e49d 100644
--- a/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/azion-bot-manager-lite.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/azion-bot-manager-lite.mdx
@@ -8,7 +8,7 @@ namespace: docs_bot_manager__lite_reference
 permalink: /documentation/products/secure/firewall/bot-manager-lite/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 # Overview
 Azion Bot Manager Lite v0.1.9 is a serverless integration available on the Azion Marketplace, built with an function in the Firewall. It analyzes requests and assigns a score, declining or canceling requests that exceed a pre-set limit, or allowing them by default. Available actions include allow, deny, drop, redirect, custom HTML, random delay, and hold the connection. The integration detects suspicious traffic and malicious bots such as web scraping and brute force attacks.
@@ -116,8 +116,8 @@ This action doesn't require any additional arguments.
 By using any value different from `allow`, `deny`, `redirect`, `custom_html`, `drop`, `random_delay`, or `hold_connection` for the `action` variable, the function will execute the default action, which is `allow`.
 :::
 
-<LinkButton link="/en/documentation/products/guides/bot-manager-lite/" label="Go to How to install Azion Bot Manager Lite from Azion Marketplace guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/bot-manager-lite/" label="Go to How to install Azion Bot Manager Lite from Azion Marketplace guide" type="primary" theme="light" /> 
 
-<LinkButton link="/en/documentation/products/guides/bot-manager-lite-starter-kit/" label="Go to the How to test Bot Manager Lite using a template guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/bot-manager-lite-starter-kit/" label="Go to the How to test Bot Manager Lite using a template guide" type="primary" theme="light" /> 
 
-<LinkButton link="/en/documentation/products/guides/bot-manager-lite-integration-kit/" label="Go to the How to add Bot Manager Lite to an existent firewall with a template guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/bot-manager-lite-integration-kit/" label="Go to the How to add Bot Manager Lite to an existent firewall with a template guide" type="primary" theme="light" /> 
diff --git a/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/azion-bot-manager.mdx b/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/azion-bot-manager.mdx
index c4690e1230..0e46b5c1f0 100644
--- a/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/azion-bot-manager.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/azion-bot-manager.mdx
@@ -8,7 +8,7 @@ namespace: docs_bot_manager_reference
 permalink: /documentation/products/secure/firewall/bot-manager/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 Azion **Bot Manager** uses advanced intelligent algorithms that allow machine learning and *Reputation Intelligence* to analyze the behavior of incoming data. This enables the detection of suspicious traffic and bad bots, facilitating the implementation of preventive measures against malicious activities such as credential stuffing, vulnerability scanning, and site scraping.
 
@@ -102,7 +102,7 @@ Network Lists used by **Bot Manager** include criterias such as:
 - Malware
 - Fraud
 
-<LinkButton link="/en/documentation/products/secure/edge-firewall/network-layer-protection/network-lists/" label="go to network lists reference" severity="secondary" /> 
+<Button href="/en/documentation/products/secure/edge-firewall/network-layer-protection/network-lists/" label="go to network lists reference" type="primary" theme="light" /> 
 
 ### Bot classification
 
@@ -174,9 +174,9 @@ By enabling the `api` mode, no `Set-Cookie` will be executed, and any rules rela
 
 The requests will generate logs that can be seen in **Real-Time Events** and **Data Stream**. By analyzing the logs generated by Bot Manager, you can get insights to understand if any changes in the configuration are needed.
 
-<LinkButton link="/en/documentation/products/observe/data-stream/" label="Go to Data Stream Reference" severity="secondary" /> 
+<Button href="/en/documentation/products/observe/data-stream/" label="Go to Data Stream Reference" type="primary" theme="light" /> 
 <br />
-<LinkButton link="/en/documentation/products/observe/real-time-events/" label="Go to Real-Time Events Reference" severity="secondary" /> 
+<Button href="/en/documentation/products/observe/real-time-events/" label="Go to Real-Time Events Reference" type="primary" theme="light" /> 
 
 You can also check the Bot Manager graphs in [Real-Time Metrics](/en/documentation/products/observe/real-time-metrics/). The Bot Manager tab displays metrics related to Bot Manager activity, being generated almost in real time, with an aggregation interval of up to *60 seconds*. Depending on the chart, the data can be stored for up to *2 years*. 
 
@@ -197,17 +197,17 @@ The two sections, **Overview** and **Breakdown**, include charts such as:
 
 The variety of charts, combined with the use of filters and variation tags, allows you to perform detailed analyses of individual bots, as well as trends and patterns in bot activity over time.
 
-<LinkButton link="/en/documentation/products/observe/real-time-metrics/" label="Go to Real-Time Metrics Reference" severity="secondary"/>
+<Button href="/en/documentation/products/observe/real-time-metrics/" label="Go to Real-Time Metrics Reference" type="primary" theme="light" />
 <br />
-<LinkButton link="/en/documentation/products/observe/real-time-metrics/#bot-manager" label="Go to Bot Manager Graphs" severity="secondary"/>
+<Button href="/en/documentation/products/observe/real-time-metrics/#bot-manager" label="Go to Bot Manager Graphs" type="primary" theme="light" />
 
 #### GraphiQL Playground
 
 Use the GraphiQL Playground to access detailed information about Bot Manager's performance and operations. For example, you can [query Bot Manager data](/en/documentation/products/guides/query-bot-manager-data-with-graphql/) or [query the top URLs impacted by bots](/en/documentation/products/guides/query-bot-manager-breakdown-data-with-graphql/) to analyze bot activity, and retrieve data to optimize your configurations.
 
-<LinkButton link="/en/documentation/products/devtools/graphql-playground/" label="Go to GraphiQL Playground" severity="secondary"/>
+<Button href="/en/documentation/products/devtools/graphql-playground/" label="Go to GraphiQL Playground" type="primary" theme="light" />
 <br />
-<LinkButton link="/en/documentation/devtools/graphql-api/features/gql-real-time-metrics-fields/#botmanagermetrics" label="Go to Bot Manager Fields" severity="secondary"/>
+<Button href="/en/documentation/devtools/graphql-api/features/gql-real-time-metrics-fields/#botmanagermetrics" label="Go to Bot Manager Fields" type="primary" theme="light" />
 
 ### Report Log explained
 
diff --git a/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/ddos-protection/ddos-mitigation.mdx b/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/ddos-protection/ddos-mitigation.mdx
index 38b59d3590..a32a4c4615 100644
--- a/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/ddos-protection/ddos-mitigation.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/ddos-protection/ddos-mitigation.mdx
@@ -6,7 +6,7 @@ namespace: documentation_products_ddos_protection_ddos_mitigation
 permalink: /documentation/products/secure/firewall/ddos-protection/ddos-mitigation/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 At Azion, DDoS Mitigation is performed by **DDoS Protection**, an **Firewall** add-on. DDoS Protection is designed to mitigate the largest and most complex network, transport, presentation, and application-layer DDoS attacks without bandwidth limitations.
 
@@ -20,7 +20,7 @@ This way, complex attacks on your content, applications, and Domain Name System
 At Azion, DDoS Protection is **unmetered** and is automatically enabled in all accounts.
 :::
 
-<LinkButton link="/en/documentation/products/secure/firewall/ddos-protection/" label="Go to DDoS Protection" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/secure/firewall/ddos-protection/" label="Go to DDoS Protection" type="primary" theme="light" target="_blank" />
 
 ---
 
diff --git a/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/ddos-protection/ddos-protection.mdx b/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/ddos-protection/ddos-protection.mdx
index c047b4278a..20c1259987 100644
--- a/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/ddos-protection/ddos-protection.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/ddos-protection/ddos-protection.mdx
@@ -6,7 +6,7 @@ namespace: documentation_products_ddos_protection
 permalink: /documentation/products/secure/firewall/ddos-protection/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **DDoS Protection** is an [Firewall](/en/documentation/products/secure/edge-firewall/) add-on that protects your applications against *Denial of Service (DoS)* and *Distributed Denial of Service (DDoS)* attacks, at the network, transport, presentation, and application layers (layers 3, 4, 6, and 7 of the OSI model, respectively).
 
@@ -42,7 +42,7 @@ Azion's network of over 100 edge locations offers built-in DDoS protection and g
 
 **DDoS Protection** offers sophisticated algorithms for automated attack mitigation. It's suitable for medium-sized businesses to companies that use Azion in mission-critical systems, with a direct impact on business results, and that want protection against any volume of attack.
 
-<LinkButton link="/en/documentation/products/secure/firewall/ddos-protection/ddos-mitigation/" label="Go to DDoS Mitigation" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/secure/firewall/ddos-protection/ddos-mitigation/" label="Go to DDoS Mitigation" type="primary" theme="light" target="_blank" />
 
 ### Infrastructure and DNS Protection
 
diff --git a/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/digital-certificates.mdx b/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/digital-certificates.mdx
index da55b7b2d2..cfd737bff1 100644
--- a/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/digital-certificates.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/digital-certificates.mdx
@@ -8,7 +8,7 @@ namespace: documentation_digital_certificates
 permalink: /documentation/products/secure/firewall/certificate-manager/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 import Code from '~/components/Code/Code.astro'
 
@@ -22,7 +22,7 @@ At Azion, you can rely on the following TLS certificate options for HTTPS traffi
 - **Custom certificate**: add your personal TLS certificate obtained from a Certificate Authority (CA) or a Trusted CA.
 - **Let's Encrypt certificate**: request the issuance of a *Let's Encrypt*™ certificate managed automatically by Azion.
 
-<LinkButton link="/en/documentation/products/guides/secure/digital-certificates/" label="go to acquire and register a digital certificate guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/secure/digital-certificates/" label="go to acquire and register a digital certificate guide" type="primary" theme="light" /> 
 
 You can also issue a **Certificate Signing Request (CSR)** via Azion to request a certificate from a CA.
 
@@ -99,7 +99,7 @@ Azion now supports the creation and management of Let’s Encrypt certificates v
 Azion provides support for both DNS-01 and HTTP-01 challenges as alternative methods for Let's Encrypt certificate validation. While DNS-01 involves modifying DNS settings with a TXT record to confirm domain control, HTTP-01 offers a streamlined solution by simply placing a file in the server's document root. This approach is particularly beneficial for environments where direct server access is available, allowing smooth integration across multiple domains and hostnames without DNS configuration changes.
 :::
 
-<LinkButton link="/en/documentation/products/guides/secure/lets-encrypt-record/" label="go to add TXT record for Let's Encrypt certificate guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/secure/lets-encrypt-record/" label="go to add TXT record for Let" type="primary" theme="light" /> 
 
 ### Limits
 
@@ -213,7 +213,7 @@ If you want to add multiple CRLs, you must make one POST request for each CRL.
 
 Also note that the `raw_crl` field in the POST request is a string. In a request in JSON format, JSON strings require an escape (`\n`) to break lines. Make sure you add an escape to represent each line in your JSON.
 
-<LinkButton link="https://api.azion.com/#b2df23ee-7a28-4900-9ad5-ffd135b4c6cf" label="create CRL via API" severity="secondary" />
+<Button href="https://api.azion.com/#b2df23ee-7a28-4900-9ad5-ffd135b4c6cf" label="create CRL via API" type="primary" theme="light" />
 
 You can [associate one or more CRLs with a domain](https://api.azion.com/#a258eabc-b419-47e6-be68-45c2ce0150dd) via API.
 
diff --git a/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/edge-firewall.mdx b/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/edge-firewall.mdx
index c91bfaf6f3..70954f22c2 100644
--- a/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/edge-firewall.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/edge-firewall.mdx
@@ -8,7 +8,7 @@ namespace: documentation_products_edge_firewall
 permalink: /documentation/products/secure/firewall/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Firewall** is a resource in the Azion platform that protects workloads running on its globally distributed infrastructure by inspecting and filtering traffic close to the requester—before it reaches the application.
 Its composable architecture allows you to combine powerful modules—**DDoS Protection**, **Web Application Firewall**, **Network Shield**, **Bot Manager**, and **Functions**—to address specific aspects of traffic inspection and threat mitigation.
@@ -56,7 +56,7 @@ You can share the same firewall among all applications that adopt the same secur
 
 An firewall consists in an identification name, all your application domains where Firewall should be applied, what are the applied modules, and what are the security rules configured in the **Rules Engine** tab.
 
-<LinkButton link="/en/documentation/products/guides/secure/edge-firewall-configure-main-settings/" label="go to configure main settings guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/secure/edge-firewall-configure-main-settings/" label="go to configure main settings guide" type="primary" theme="light" />
 
 :::note
 You need to activate at least one for the firewall to work.
@@ -68,9 +68,9 @@ After activating the modules you want, you must configure your security rules in
 
 Each rule is made of *Criteria* (conditionals) and *Behaviors* (commands). The *Behaviors* setup will run if the conditions are met. For example, you can set up rules to block requests that come from IPs that are in a *blocklist* or even make up rules to exclude IPs that are in the allowed rules list. In this example, “block” is the Behavior, while the IP of the request is in the *blocklist* and not present in the *allowed rules* is the condition (Criteria).
 
-<LinkButton link="/en/documentation/products/secure/firewall/rules-engine/" label="go to Rules Engine reference" severity="secondary" />
+<Button href="/en/documentation/products/secure/firewall/rules-engine/" label="go to Rules Engine reference" type="primary" theme="light" />
 
-<LinkButton link="/en/documentation/products/guides/secure/work-with-rules-engine/" label="go to work with rules engine guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/secure/work-with-rules-engine/" label="go to work with rules engine guide" type="primary" theme="light" />
 
 The Criteria and Behaviors available in Firewall depend on the modules you have enabled in the firewall main configuration. Here's the list of Criteria and Behaviors available to each Firewall module:
 
@@ -93,21 +93,21 @@ The DDoS Protection module is activated by default and doesn't need any addition
 
 The **DDoS Protection** module protects your content and applications against *Distributed Denial of Service (DDoS)* attacks, as it detects attacks using advanced algorithms that run on Azion's distributed network. This distributed network is connected to several mitigation centers to guarantee mitigation during large-scale attacks, both at the network and application levels.
 
-<LinkButton link="/en/documentation/products/secure/firewall/ddos-protection/" label="go to DDoS Protection reference" severity="secondary" />
+<Button href="/en/documentation/products/secure/firewall/ddos-protection/" label="go to DDoS Protection reference" type="primary" theme="light" />
 
 ### Functions
 
 **Functions** are components of Azion Web Platform**, which enable serverless functions to be added to your applications or firewall configurations, relieving your infrastructure, performing functions closer to the end-user, ensuring the necessary agility and scalability to meet your business objectives. You can also choose a ready-to-use function, or even write your own.
 
-<LinkButton link="/en/documentation/products/secure/firewall/functions/" label="go to Functions for Firewall reference" severity="secondary" />
+<Button href="/en/documentation/products/secure/firewall/functions/" label="go to Functions for Firewall reference" type="primary" theme="light" />
 
-<LinkButton link="/en/documentation/products/guides/secure/instantiate-edge-functions/" label="go to instantiate functions guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/secure/instantiate-edge-functions/" label="go to instantiate functions guide" type="primary" theme="light" />
 
 ### Network Shield
 
 This module allows the creation of filters by IP/CIDR, ASN addresses, or by countries (geolocation) through the configuration of Network Lists and the definition of business rules that will validate blocking or release *Criteria*, according to your need, specified on your Firewall configuration.
 
-<LinkButton link="/en/documentation/products/secure/firewall/network-shield/" label="go to Network Shield reference" severity="secondary" />
+<Button href="/en/documentation/products/secure/firewall/network-shield/" label="go to Network Shield reference" type="primary" theme="light" />
 
 ### Web Application Firewall
 
@@ -115,9 +115,9 @@ Azion **Web Application Firewall (WAF)** protects your applications against thre
 
 It works at layer 7 at the application level and is based on *scoring*. Each request is compared with a very rigorous and detailed set of application patterns and is given a score, which is associated with a certain threat family. According to the score that this request has, it can be released or blocked. This happens directly in Azion's edge nodes before the threat reaches your origin or causes any damage. It's possible to customize the desired sensitivity, and have a differentiated blocking for each threat family.
 
-<LinkButton link="/en/documentation/products/secure/firewall/web-application-firewall/" label="go to Web Application Firewall reference" severity="secondary" />
+<Button href="/en/documentation/products/secure/firewall/web-application-firewall/" label="go to Web Application Firewall reference" type="primary" theme="light" />
 
-<LinkButton link="/en/documentation/products/guides/secure/create-waf-rule-set/" label="go to create waf rule set guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/secure/create-waf-rule-set/" label="go to create waf rule set guide" type="primary" theme="light" />
 
 ---
 
@@ -129,7 +129,7 @@ The new cloned firewall will have identical settings as the original one, includ
 
 You need to retrieve the [ID of the firewall](https://api.azion.com/#090fa5b0-3d68-4521-9a90-f4d93773f6d9) you want to clone and then run a POST request to clone it, providing a new name.
 
-<LinkButton link="https://api.azion.com/#7e92d69a-c98c-4578-b920-38a13e1a3bd2" label="clone an firewall" severity="secondary" />
+<Button href="https://api.azion.com/#7e92d69a-c98c-4578-b920-38a13e1a3bd2" label="clone an firewall" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/edge-functions-for-edge-firewall/edge-functions-instances.mdx b/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/edge-functions-for-edge-firewall/edge-functions-instances.mdx
index 025af8985b..a87b5cb941 100644
--- a/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/edge-functions-for-edge-firewall/edge-functions-instances.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/edge-functions-for-edge-firewall/edge-functions-instances.mdx
@@ -9,7 +9,7 @@ namespace: documentation_products_edge_firewall_edge_functions_instances
 permalink: /documentation/products/secure/firewall/functions-instances/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 By activating the **Functions** module, you can instantiate serverless functions in your **Firewall** at Azion, as well as set up the conditions for its execution. Available for **Application** and **Firewall** products, its use allows you to run serverless functions in our robust distributed network of **Edge Nodes**, responding to events closer to the end user, ensuring greater scalability and availability.
 
@@ -29,11 +29,11 @@ When instantiating an **Function**, it is not possible to change its source code
 The **Args** field in **Functions Instance** supports a maximum of 100KB of arguments.
 :::
 
-<LinkButton link="/en/documentation/products/guides/secure/instantiate-edge-functions/" label="go to instantiate functions guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/secure/instantiate-edge-functions/" label="go to instantiate functions guide" type="primary" theme="light" /> 
 
 To associate an execution trigger, you simply need to associate the instance with a **Behavior** of a **Rules Engine** Rule, in Request. Thus, when a request meets the criteria defined in the **Rules Engine** rules, the **Function** will be invoked and executed directly on Azion's Edges Nodes.
 
-<LinkButton link="/en/documentation/products/guides/secure/work-with-rules-engine/" label="go to work with rules engine guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/secure/work-with-rules-engine/" label="go to work with rules engine guide" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/mtls.mdx b/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/mtls.mdx
index 1d5ab1aceb..73283ee6f7 100644
--- a/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/mtls.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/mtls.mdx
@@ -8,7 +8,7 @@ namespace: documentation_mtls
 permalink: /documentation/products/secure/firewall/mtls/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Mutual Transport Layer Security (mTLS)**, also known as *Mutual Authentication*, is an authentication method that validates the digital certificate on both sides of a request: on the client side and on the Edge.
 
@@ -30,7 +30,7 @@ Protocol options are available on your **Application** configuration page in Azi
 mTLS will only be available if the service is activated. Contact our [Sales Team](https://www.azion.com/en/contact-sales/) to activate it.
 :::
 
-<LinkButton link="/en/documentation/products/guides/secure/mtls/" label="go to associate mTLS certificate to domain guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/secure/mtls/" label="go to associate mTLS certificate to domain guide" type="primary" theme="light" /> 
 
 ## Digital Certificate with support for mTLS (Trusted CA)
 
diff --git a/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/network-layer-protection/network-layer-protection.mdx b/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/network-layer-protection/network-layer-protection.mdx
index 7b27744cbe..f00aa63b13 100644
--- a/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/network-layer-protection/network-layer-protection.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/network-layer-protection/network-layer-protection.mdx
@@ -10,7 +10,7 @@ namespace: documentation_products_network_layer_protection
 permalink: /documentation/products/secure/firewall/network-shield/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Network Shield** is a Firewall module that allows you to create lists based on the network *IP/CIDR*, user location (*countries*), *Autonomous System Number (ASN)*, or use automatic lists maintained and updated by Azion, such as the *Azion IP Tor Exit Nodes* list. 
 
@@ -69,7 +69,7 @@ In this example, requests originating from countries that are on the blocklist w
 The conditions and behaviors available in the Firewall Rules Engine tab depend on the activated modules. Learn more about [Firewall modules](/en/documentation/products/secure/edge-firewall/).
 :::
 
-<LinkButton link="/en/documentation/products/guides/secure/work-with-rules-engine/" label="go to work with rules engine guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/secure/work-with-rules-engine/" label="go to work with rules engine guide" type="primary" theme="light" /> 
 
 ## Network Lists
 
@@ -77,7 +77,7 @@ Through **Network Lists**, you can create, search, or update all Network Lists u
 
 A single Network List can be associated with more than one firewall and rule. Whenever a Network List is updated, it'll automatically propagate to all the rules in the associated Network List.
 
-<LinkButton link="/en/documentation/products/secure/edge-firewall/network-layer-protection/network-lists/" label="go to Network Lists reference" severity="secondary" />
+<Button href="/en/documentation/products/secure/edge-firewall/network-layer-protection/network-lists/" label="go to Network Lists reference" type="primary" theme="light" />
 
 :::tip
 If you have a *Security Information and Event Management (SIEM)* or other security tools in your infrastructure, you can use Network Lists to keep your *blocklists* and *allowlists* always up to date.
diff --git a/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/network-layer-protection/network-list.mdx b/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/network-layer-protection/network-list.mdx
index 61476aaf92..82b118e1d6 100644
--- a/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/network-layer-protection/network-list.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/network-layer-protection/network-list.mdx
@@ -10,7 +10,7 @@ permalink: >-
 ---
 
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Network Lists** is a feature from [Network Shield](/en/documentation/products/secure/firewall/network-shield/), an **Firewall** module. With Network Lists, you can create and manage *allowlists*, *blocklists*, and even *greylists*, based on the user's network, *IP address*, geolocation (*countries*), or *Autonomous System Number (ASN)*. With this feature, it's possible to prevent different types of attacks to your network, as well as prevent users with malicious behavior from accessing your applications.
 
@@ -39,7 +39,7 @@ When activating the module within an **Firewall**, the `Network` *criteria* and
 To create and manage **Network Lists**, you need to have a firewall with the **Network Shield** module activated.
 
 
-<LinkButton link="/en/documentation/products/guides/blocklists-ip-addresses-edge/" label="create network lists" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/blocklists-ip-addresses-edge/" label="create network lists" type="primary" theme="light" /> 
 
 ## Types of Network Lists
 
@@ -53,7 +53,7 @@ After creating a **Network List**, associate it with one or more firewalls that
 
 To provide even more agility to your processes, Azion provides and maintains **Network Lists** that are updated automatically and ready to use. One of them is the *Azion IP Tor Exit Nodes Network List*, which contains the IP addresses of the *Tor* network that can be used in one or more Rules through the condition (*criteria*) Network according to your business needs.
 
-<LinkButton link="/en/documentation/products/guides/secure/block-tor-networks/" label="go to block Tor networks guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/secure/block-tor-networks/" label="go to block Tor networks guide" type="primary" theme="light" />
 
 :::note
 The content of the Network Lists provided by Azion are made by the specialized team and can't be modified.
diff --git a/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/rules-engine.mdx b/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/rules-engine.mdx
index 4a8617ef70..de4bbfd8ec 100644
--- a/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/rules-engine.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/rules-engine.mdx
@@ -8,7 +8,7 @@ namespace: documentation_products_edge_firewall_rules_engine
 permalink: /documentation/products/secure/firewall/rules-engine/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import RulesExecution from '~/includes/snippets/RulesEngineExecution/en/snippet.mdx'
 import Tag from 'primevue/tag'
 
@@ -27,9 +27,9 @@ You can use the Rules Engine for Firewall to configure all operational aspects o
 
 A firewall can have as many rules as needed. These rules are interchangeable, allowing you to share the same rule across all other firewalls.
 
-<LinkButton link="/en/documentation/products/secure/edge-firewall/" label="Go to Firewall Reference" outlined />
+<Button href="/en/documentation/products/secure/edge-firewall/" label="Go to Firewall Reference" type="primary" theme="light" />
 
-<LinkButton link="/en/documentation/products/guides/secure/work-with-rules-engine/" label="Go to Work With Rules Engine Guide" outlined />
+<Button href="/en/documentation/products/guides/secure/work-with-rules-engine/" label="Go to Work With Rules Engine Guide" type="primary" theme="light" />
 
 ## Implementation
 
diff --git a/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/web-application-firewall/waf-rule-sets.mdx b/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/web-application-firewall/waf-rule-sets.mdx
index 7cbdf040ef..dcaf3b7e3d 100644
--- a/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/web-application-firewall/waf-rule-sets.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/web-application-firewall/waf-rule-sets.mdx
@@ -9,7 +9,7 @@ permalink: >-
   /documentation/products/secure/firewall/web-application-firewall/rules-set/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 [Web Application Firewall (WAF)](/en/documentation/products/secure/firewall/web-application-firewall/) provides the creation of rule sets to protect your applications against threat families.
 
@@ -62,7 +62,7 @@ After configuring WAF's main settings with the **Threat Type Configuration** tab
 
 This configuration guarantees your WAF settings are implemented along with other Firewall security logic.
 
-<LinkButton link="/en/documentation/products/guides/secure/work-with-rules-engine/" label="go to create a rule guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/secure/work-with-rules-engine/" label="go to create a rule guide" type="primary" theme="light" />
 
 ---
 
@@ -70,7 +70,7 @@ This configuration guarantees your WAF settings are implemented along with other
 
 Once you've completed your WAF rule set configuration and your application is receiving incoming traffic, you can use **Real-Time Metrics** to monitor requests and threats. You'll find charts comparing how WAF processed requests and a few specific charts for different threat families.
 
-<LinkButton link="/en/documentation/products/observe/real-time-metrics/#waf" label="go to real-time metrics reference" severity="secondary" />
+<Button href="/en/documentation/products/observe/real-time-metrics/#waf" label="go to real-time metrics reference" type="primary" theme="light" />
 
 You can also conduct further analysis regarding WAF threats via [Data Stream](/en/documentation/products/observe/data-stream/#edge-applications) and [Real-Time Events](/en/documentation/products/observe/real-time-events/#edge-applications).
 
diff --git a/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/web-application-firewall/web-application-firewall.mdx b/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/web-application-firewall/web-application-firewall.mdx
index ba8b8f7e22..09e6ce2563 100644
--- a/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/web-application-firewall/web-application-firewall.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/secure/edge-firewall/web-application-firewall/web-application-firewall.mdx
@@ -9,7 +9,7 @@ namespace: documentation_products_web_application_firewall
 permalink: /documentation/products/secure/firewall/web-application-firewall/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 
 **Web Application Firewall (WAF)** is an Azion **Firewall** module, developed to protect applications from threats such as *SQL Injections*, *Remote File Inclusion (RFI)*, *Cross-Site Scripting (XSS)*, *Cross-Site Request Forgery (CSRF)*, *protocol violations* (such as empty body in POST), *Code Injection*, and other web vulnerabilities, including the [most common cyberthreats](https://www.azion.com/en/learning/websec/how-does-waf-protect-against-cyberthreats/#what-are-the-most-common-cyberthreats). WAF analyzes HTTP and HTTPS requests, detects, and blocks malicious activity before it reaches your application infrastructure.
@@ -42,7 +42,7 @@ Learn more about [Firewall modules](/en/documentation/products/secure/firewall/)
 :::
 
 
-<LinkButton link="/en/documentation/products/guides/secure/edge-firewall-configure-main-settings/" label="go to configure firewall guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/secure/edge-firewall-configure-main-settings/" label="go to configure firewall guide" type="primary" theme="light" /> 
 
 ## WAF Main Settings
 
@@ -50,9 +50,9 @@ The **Main Settings** section is configured by activating protection against spe
 
 The **Threat Type Configuration** table categorizes threats into families, according to the purpose of the attack.
 
-<LinkButton link="/en/documentation/products/secure/edge-firewall/web-application-firewall/rules-set/#threat-types" label="go to types of threats reference" severity="secondary" /> <br></br>
+<Button href="/en/documentation/products/secure/edge-firewall/web-application-firewall/rules-set/#threat-types" label="go to types of threats reference" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/en/documentation/products/guides/secure/create-waf-rule-set/" label="go to create a rule set guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/secure/create-waf-rule-set/" label="go to create a rule set guide" type="primary" theme="light" />
 
 It's possible to enable and disable protection for each threat family individually through the **Active** switch.
 
@@ -60,13 +60,13 @@ It's possible to enable and disable protection for each threat family individual
 
 Each sensitivity level tolerates a defined number of threat indicatives and the WAF score represents this amount of threat indicatives. The more flexible the sensitivity level is, the higher the WAF score it accepts. The most rigid sensitivity levels, on the other hand, only accept requests with fewer signs of threats.
 
-<LinkButton link="/en/documentation/products/secure/edge-firewall/web-application-firewall/rules-set/#sensitivity-levels" label="go to sensitivity levels reference" severity="secondary" />
+<Button href="/en/documentation/products/secure/edge-firewall/web-application-firewall/rules-set/#sensitivity-levels" label="go to sensitivity levels reference" type="primary" theme="light" />
 
 ## WAF Tuning
 
 **WAF Tuning** is an analytical tool that shows requests detected for each WAF rule. All matches are displayed grouped by **rule ID**, along with additional information to help in the identification, such as **total hits, number of URIs, unique IPs**, and more to help setup the **Allowed Rules** for the given WAF to match best calibration for your application. You can filter by **Domain**, **Time Range**, **Network Lists**, **IP**, and **Countries**.
 
-<LinkButton link="/en/documentation/products/guides/secure/tune-waf/" label="go to tune WAF guide" severity="secondary" /> 
+<Button href="/en/documentation/products/guides/secure/tune-waf/" label="go to tune WAF guide" type="primary" theme="light" /> 
 
 When selecting a listed Rule shown in the results, you can drill down into the **More Details** screen to view related occurrences for the given Rule ID. This enables you to understand and pinpoint the exact cases that should be added to the **Allowed Rules**, supported by filtering options such as **Network List, Country, IP**, and **Path**.
 
@@ -77,7 +77,7 @@ To see requests identified by WAF, you must at least specify the domain (or the
 :::
 
 By clicking the **Apply filter** button, a list of **Possible Attacks** will be displayed. This list includes the fields **Rule ID**, **Description**, **Hits**, **IPs**, **Countries**, **Top 10 IPs Address**, and **Top 10 Countries**. Now you can select the ones you need and click **Allow Rules** to add them to the Allowed Rules of this WAF.
-<LinkButton link="/en/documentation/products/secure/firewall/web-application-firewall/custom-allowed-rules/" label="go to WAF Custom Allowed Rules reference" severity="secondary" />
+<Button href="/en/documentation/products/secure/firewall/web-application-firewall/custom-allowed-rules/" label="go to WAF Custom Allowed Rules reference" type="primary" theme="light" />
 
 ## Allowed Rules
 
diff --git a/src/content/docs/en/pages/main-menu/reference/secure/worklads/workloads.mdx b/src/content/docs/en/pages/main-menu/reference/secure/worklads/workloads.mdx
index 847a33cce5..cd8f987f78 100644
--- a/src/content/docs/en/pages/main-menu/reference/secure/worklads/workloads.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/secure/worklads/workloads.mdx
@@ -7,7 +7,7 @@ namespace: documentation_products_secure_workloads
 permalink: /documentation/products/secure/workloads/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Apiv4Rollout from '~/includes/snippets/apiv4Rollout/en/snippet.mdx'
 
 <Apiv4Rollout />
@@ -156,7 +156,7 @@ The table below shows the ciphers available in each cipher suite.
 | AES256-GCM-SHA384                | ✔︎           | ✕            | ✕            | ✕            |
 | AES128-SHA256                    | ✔︎           | ✕            | ✕            | ✕            |
 
-<LinkButton link="/en/documentation/products/guides/secure/ciphers/" label="Go to configure TLS cipher suite guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/secure/ciphers/" label="Go to configure TLS cipher suite guide" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/main-menu/reference/store/edge-sql/edge-sql.mdx b/src/content/docs/en/pages/main-menu/reference/store/edge-sql/edge-sql.mdx
index 0e06c57875..2da13bee69 100644
--- a/src/content/docs/en/pages/main-menu/reference/store/edge-sql/edge-sql.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/store/edge-sql/edge-sql.mdx
@@ -9,7 +9,7 @@ permalink: /documentation/products/store/sql-database/
 ---
 
 import Tag from 'primevue/tag'
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 <Tag severity="info" client:only="vue">
   Preview
@@ -123,8 +123,8 @@ You can interact with SQL Database directly from your terminal using [the edgesq
 
 Check the documentation below for details on how to install and use EdgeSQL Shell.
 
-<LinkButton link="/en/documentation/products/store/sql/install-edge-sql-shell/" label="Go to SQL Database Shell installation guide" severity="secondary" /> 
-<LinkButton link="/en/documentation/products/store/sql/edge-sql-shell-commands/" label="Go to SQL Database Shell commands reference" severity="secondary" />
+<Button href="/en/documentation/products/store/sql/install-edge-sql-shell/" label="Go to SQL Database Shell installation guide" type="primary" theme="light" /> 
+<Button href="/en/documentation/products/store/sql/edge-sql-shell-commands/" label="Go to SQL Database Shell commands reference" type="primary" theme="light" />
 
 Learn how to master SQL Database via Terminal. Watch the video below:
 <div class="cms-embed">
diff --git a/src/content/docs/en/pages/main-menu/reference/store/object-storage/index.mdx b/src/content/docs/en/pages/main-menu/reference/store/object-storage/index.mdx
index 7ef6da8a52..f38519ca76 100644
--- a/src/content/docs/en/pages/main-menu/reference/store/object-storage/index.mdx
+++ b/src/content/docs/en/pages/main-menu/reference/store/object-storage/index.mdx
@@ -10,7 +10,7 @@ permalink: /documentation/products/store/object-storage/
 ---
 
 import Tag from 'primevue/tag';
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 <Tag severity="info" client:only="vue">
   Preview
@@ -378,7 +378,7 @@ The S3 protocol allows you to access buckets and objects using an Object Storage
 
 You can use the access and secret keys provided by the [S3 credentials API](https://api.azion.com) to set up a connection using the S3 protocol.
 
-<LinkButton link="/en/documentation/products/store/storage/s3-protocol-for-edge-storage/" label="learn How to access Object Storage using the S3 protocol" severity="secondary"/>
+<Button href="/en/documentation/products/store/storage/s3-protocol-for-edge-storage/" label="learn How to access Object Storage using the S3 protocol" type="primary" theme="light" />
 
 To do so, you'll need the following information:
 
diff --git a/src/content/docs/en/pages/observe-journey/analyze-logs.mdx b/src/content/docs/en/pages/observe-journey/analyze-logs.mdx
index 7a631ba5d3..2c46b00b0c 100644
--- a/src/content/docs/en/pages/observe-journey/analyze-logs.mdx
+++ b/src/content/docs/en/pages/observe-journey/analyze-logs.mdx
@@ -7,13 +7,13 @@ permalink: /documentation/products/observe/analyze-logs/
 menu_namespace: observeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Real-Time Events** allows you to query and analyze raw logs in real time. Each data source exhibits detailed information for logs from events related to access, behavior, and performance of products connected to your applications.
 
 Once your applications begin receiving traffic, you'll be able to diagnose data through Real-Time Events.
 
-<LinkButton link="/en/documentation/products/observe/real-time-events/" label="go to real-time events reference" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/observe/real-time-events/" label="go to real-time events reference" type="primary" theme="light" target="_blank" />
 
 To start generating data and diagnose your logs:
 
diff --git a/src/content/docs/en/pages/observe-journey/data-stream/advanced-configurations/select-variables.mdx b/src/content/docs/en/pages/observe-journey/data-stream/advanced-configurations/select-variables.mdx
index 8b9f3bcc5c..a3613bae7e 100644
--- a/src/content/docs/en/pages/observe-journey/data-stream/advanced-configurations/select-variables.mdx
+++ b/src/content/docs/en/pages/observe-journey/data-stream/advanced-configurations/select-variables.mdx
@@ -7,7 +7,7 @@ permalink: /documentation/products/guides/observe/data-stream-select-variables/
 menu_namespace: observeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 The data streamed by **Data Stream** to your configured connectors is decided according to the variables you choose to use. Each variable provides a specific information or set of information and is associated with a specific data source.
 
@@ -21,7 +21,7 @@ You have the option of using a [pre-set template](https://www.azion.com/en/docum
 
 If you're configuring a connector to receive as much information as possible from, for example, an application, using a pre-set template could be the best choice. In this case, you'll use the **Applications + WAF Event Collector** template via Azion Console or the **http** template via API.
 
-<LinkButton link="/en/documentation/products/guides/use-data-stream/" label="go to how to configure a stream guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/use-data-stream/" label="go to how to configure a stream guide" type="primary" theme="light" />
 
 ---
 
@@ -37,7 +37,7 @@ Creating a customizable template allows you to choose from the [list of availabl
 
 In this case, you could use, for example, the variables `$status`, `$proxy_status`, and `$upstream_status`. You'll also be able to edit the stream and add new variables if you find they aren't providing all the information you require.
 
-<LinkButton link="/en/documentation/products/guides/data-stream-custom-template/" label="go to custom template via Azion Console guide" severity="secondary" /> <br /><br />
+<Button href="/en/documentation/products/guides/data-stream-custom-template/" label="go to custom template via Azion Console guide" type="primary" theme="light" /> <br /><br />
 
-<LinkButton link="https://api.azion.com/#e4586549-13a9-4bc2-a37e-9000e4588d9a" label="go to custom template api request" severity="secondary" /><br />
+<Button href="https://api.azion.com/#e4586549-13a9-4bc2-a37e-9000e4588d9a" label="go to custom template api request" type="primary" theme="light" /><br />
 
diff --git a/src/content/docs/en/pages/observe-journey/data-stream/edit-stream/set-payload.mdx b/src/content/docs/en/pages/observe-journey/data-stream/edit-stream/set-payload.mdx
index 0595bbdbf0..eedb47dc6c 100644
--- a/src/content/docs/en/pages/observe-journey/data-stream/edit-stream/set-payload.mdx
+++ b/src/content/docs/en/pages/observe-journey/data-stream/edit-stream/set-payload.mdx
@@ -7,7 +7,7 @@ permalink: /documentation/products/guides/observe/data-stream-set-payload/
 menu_namespace: observeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 import JourneyAPI from '~/includes/snippets/JourneyAPI/en/snippet.mdx'
 
diff --git a/src/content/docs/en/pages/observe-journey/data-stream/troubleshoot/understand-metrics.mdx b/src/content/docs/en/pages/observe-journey/data-stream/troubleshoot/understand-metrics.mdx
index e53a62d0a2..453df2c493 100644
--- a/src/content/docs/en/pages/observe-journey/data-stream/troubleshoot/understand-metrics.mdx
+++ b/src/content/docs/en/pages/observe-journey/data-stream/troubleshoot/understand-metrics.mdx
@@ -7,7 +7,7 @@ permalink: /documentation/products/observe/troubleshoot/data-stream-understand-m
 menu_namespace: observeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Once you [create a stream](/en/documentation/products/guides/use-data-stream/), you can also use other [Observe](/en/documentation/products/observe/) products to monitor how Data Stream is processing and sending requests to the configured connector.
 
@@ -21,10 +21,10 @@ Once you [create a stream](/en/documentation/products/guides/use-data-stream/),
 
 To monitor how Data Stream streams your logs:
 
-<LinkButton link="/en/documentation/products/observe/real-time-metrics/#data-stream" label="view aggregated metrics" severity="secondary" /> <br></br>
+<Button href="/en/documentation/products/observe/real-time-metrics/#data-stream" label="view aggregated metrics" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/en/documentation/devtools/graphql-api/features/#datasets" label="query data" severity="secondary" /> <br></br>
+<Button href="/en/documentation/devtools/graphql-api/features/#datasets" label="query data" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/en/documentation/products/observe/real-time-events/#data-stream" label="view raw data" severity="secondary" /><br />
+<Button href="/en/documentation/products/observe/real-time-events/#data-stream" label="view raw data" type="primary" theme="light" /><br />
 ---
 
diff --git a/src/content/docs/en/pages/observe-journey/monitor-applications.mdx b/src/content/docs/en/pages/observe-journey/monitor-applications.mdx
index 432ec6083d..bc86e6a880 100644
--- a/src/content/docs/en/pages/observe-journey/monitor-applications.mdx
+++ b/src/content/docs/en/pages/observe-journey/monitor-applications.mdx
@@ -7,13 +7,13 @@ permalink: /documentation/products/observe/monitor-applications/
 menu_namespace: observeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Real-Time Metrics** allows you to monitor your applications in real time. Metrics are exhibited through charts that provide information related to access, behavior, and performance of products connected to your applications.
 
 Once your applications begin receiving traffic, you'll be able to visualize data through Real-Time Metrics.
 
-<LinkButton link="/en/documentation/products/observe/real-time-metrics/" label="go to Data Stream reference" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/observe/real-time-metrics/" label="go to Data Stream reference" type="primary" theme="light" target="_blank" />
 
 To start generating data and visualize your metrics:
 
diff --git a/src/content/docs/en/pages/observe-journey/overview.mdx b/src/content/docs/en/pages/observe-journey/overview.mdx
index 5762743b02..cacbeba912 100644
--- a/src/content/docs/en/pages/observe-journey/overview.mdx
+++ b/src/content/docs/en/pages/observe-journey/overview.mdx
@@ -9,7 +9,7 @@ permalink: /documentation/products/observe/overview/
 menu_namespace: observeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Azion Observe products assist you in monitoring and accessing information related to your data. You can analyze it on Azion Web Platform or connect your data to third-party platforms, improving your understanding of your content, how your users are accessing it, gain insights on performance and security, making better informed decisions.
 
@@ -21,7 +21,7 @@ You can also use [GraphQL API](/en/documentation/devtools/graphql-api/overview/)
 
 ![Overview of a Real-Time Metrics query flow](/assets/docs/images/uploads/real-time-metrics-overview.png)
 
-<LinkButton link="/en/documentation/products/observe/monitor-applications/" label="go to monitor applications" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/observe/monitor-applications/" label="go to monitor applications" type="primary" theme="light" target="_blank" />
 
 ## Real-Time Events
 
@@ -31,7 +31,7 @@ You can also use [GraphQL API](/en/documentation/devtools/graphql-api/overview/)
 
 ![Overview of a Real-Time Events query flow](/assets//docs/images/uploads/real-time-events-overview.png)
 
-<LinkButton link="/en/documentation/products/observe/analyze-logs/" label="go to analyze logs" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/observe/analyze-logs/" label="go to analyze logs" type="primary" theme="light" target="_blank" />
 
 ## Data Stream
 
@@ -39,11 +39,11 @@ Stream your data in real time to third-party platforms to help you understand an
 
 ![Overview of Data Stream flow](/assets/docs/images/uploads/data-stream-overview.png)
 
-<LinkButton link="/en/documentation/products/observe/stream-data/" label="go to stream data" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/observe/stream-data/" label="go to stream data" type="primary" theme="light" target="_blank" />
 
 ## Edge Pulse
 
 Collect navigation data by adding tags on your browser pages to understand how your content is being accessed and improve user experience.
 
-<LinkButton link="/en/documentation/products/guides/observe/analyze-navigation-data/" label="go collect navigation data" severity="secondary" target="_blank" /><br />
+<Button href="/en/documentation/products/guides/observe/analyze-navigation-data/" label="go collect navigation data" type="primary" theme="light" target="_blank" /><br />
 
diff --git a/src/content/docs/en/pages/observe-journey/real-time-events/analyze-logs/analyze-navigation-data.mdx b/src/content/docs/en/pages/observe-journey/real-time-events/analyze-logs/analyze-navigation-data.mdx
index e7bfe47eaf..79b92e6fac 100644
--- a/src/content/docs/en/pages/observe-journey/real-time-events/analyze-logs/analyze-navigation-data.mdx
+++ b/src/content/docs/en/pages/observe-journey/real-time-events/analyze-logs/analyze-navigation-data.mdx
@@ -9,12 +9,12 @@ permalink: /documentation/products/guides/observe/analyze-navigation-data/
 menu_namespace: observeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 
 If you use [Edge Pulse](/en/documentation/products/observe/edge-pulse/) to collect navigation data by adding one of the available **Edge Pulse JavaScript tags** in your pages, you can analyze the collected data on **Real-Time Events**.
 
-<LinkButton link="/en/documentation/products/observe/edge-pulse/#edge-pulse-javascript-tag" label="go to javascript tag reference" severity="secondary" />
+<Button href="/en/documentation/products/observe/edge-pulse/#edge-pulse-javascript-tag" label="go to javascript tag reference" type="primary" theme="light" />
 
 ---
 
@@ -32,7 +32,7 @@ The categories for collected data are:
 
 With the analysis, you can improve your content and user experience.
 
-<LinkButton link="/en/documentation/products/observe/real-time-events/#edge-pulse" label="go to variables list" severity="secondary" />
+<Button href="/en/documentation/products/observe/real-time-events/#edge-pulse" label="go to variables list" type="primary" theme="light" />
 
 <br /><br />
 
diff --git a/src/content/docs/en/pages/observe-journey/real-time-events/analyze-logs/investigate-requests.mdx b/src/content/docs/en/pages/observe-journey/real-time-events/analyze-logs/investigate-requests.mdx
index 59f8f59a9e..c8301db66d 100644
--- a/src/content/docs/en/pages/observe-journey/real-time-events/analyze-logs/investigate-requests.mdx
+++ b/src/content/docs/en/pages/observe-journey/real-time-events/analyze-logs/investigate-requests.mdx
@@ -9,7 +9,7 @@ permalink: /documentation/products/guides/observe/investigate-requests-graphql-a
 menu_namespace: observeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Constant monitoring can help you identify unusual behaviors in your applications and possible attacks. For this guide, you'll use an example scenario where there are requests coming from Brazil, a country you don't want to allow access to, and you want to filter requests from Chile, the country most of your safe requests come from.
 
@@ -125,7 +125,7 @@ As you've identified a country you don't want to allow access to is accessing yo
 
 To have your network list running, you need to go to **Firewall** > **Rules Engine** and create a rule associated with the network list you've just created.
 
-<LinkButton link="/en/documentation/products/guides/blocklists-ip-addresses-edge/#associate-network-list-with-edge-firewall-rule-set" label="go to associate network list to rule guide" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/guides/blocklists-ip-addresses-edge/#associate-network-list-with-edge-firewall-rule-set" label="go to associate network list to rule guide" type="primary" theme="light" target="_blank" />
 
 After the propagation time for the rule, your domain, associated with the firewall you added the list to, will block all requests from that country. In this case, Brazil.
 
diff --git a/src/content/docs/en/pages/observe-journey/real-time-events/analyze-logs/understand-logs.mdx b/src/content/docs/en/pages/observe-journey/real-time-events/analyze-logs/understand-logs.mdx
index 376a513fb1..f686fd2820 100644
--- a/src/content/docs/en/pages/observe-journey/real-time-events/analyze-logs/understand-logs.mdx
+++ b/src/content/docs/en/pages/observe-journey/real-time-events/analyze-logs/understand-logs.mdx
@@ -7,7 +7,7 @@ permalink: /documentation/products/guides/observe/understand-logs/
 menu_namespace: observeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Your analysis using **Real-Time Events** depends on the variables you choose to use. Each data source has a set of preorganized variables that provide information on access, behavior, and performance of your applications and related products.
 
@@ -15,7 +15,7 @@ You can find all available variables, their descriptions, and examples in the [d
 
 You have the option of querying a general search and receive all possible variables and values or querying a filtered search, so you can decide which variables will be queried.
 
-<LinkButton link="/en/documentation/products/guides/observe/add-filters-events/" label="go to add filters guide" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/guides/observe/add-filters-events/" label="go to add filters guide" type="primary" theme="light" target="_blank" />
 
 ---
 
diff --git a/src/content/docs/en/pages/observe-journey/real-time-events/integrations/grafana-best-practices.mdx b/src/content/docs/en/pages/observe-journey/real-time-events/integrations/grafana-best-practices.mdx
index bdb7b6ce2a..3110dda84c 100644
--- a/src/content/docs/en/pages/observe-journey/real-time-events/integrations/grafana-best-practices.mdx
+++ b/src/content/docs/en/pages/observe-journey/real-time-events/integrations/grafana-best-practices.mdx
@@ -9,11 +9,11 @@ permalink: /documentation/products/guides/observe/best-practices-grafana/
 menu_namespace: observeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 The Azion data source plugin on Grafana allows you to customize dashboards with your Azion data. 
 
-<LinkButton link="/en/documentation/products/guides/observe/integrate-grafana/" label="go to integrate with grafana guide" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/guides/observe/integrate-grafana/" label="go to integrate with grafana guide" type="primary" theme="light" target="_blank" />
 
 While using Grafana, there are a few best practices you can rely on:
 
diff --git a/src/content/docs/en/pages/observe-journey/real-time-events/integrations/grafana-plugin-custom-table.mdx b/src/content/docs/en/pages/observe-journey/real-time-events/integrations/grafana-plugin-custom-table.mdx
index 60addfb07b..3abbcf9e16 100644
--- a/src/content/docs/en/pages/observe-journey/real-time-events/integrations/grafana-plugin-custom-table.mdx
+++ b/src/content/docs/en/pages/observe-journey/real-time-events/integrations/grafana-plugin-custom-table.mdx
@@ -10,11 +10,11 @@ permalink: >-
 menu_namespace: observeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 With the Azion data source plugin on Grafana, you can customize your own dashboard to visualize the data you need.
 
-<LinkButton link="/en/documentation/products/guides/observe/integrate-grafana/" label="go to integrate with grafana guide" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/guides/observe/integrate-grafana/" label="go to integrate with grafana guide" type="primary" theme="light" target="_blank" />
 
 ---
 
diff --git a/src/content/docs/en/pages/observe-journey/real-time-metrics/integrations/grafana-plugin-custom-dash.mdx b/src/content/docs/en/pages/observe-journey/real-time-metrics/integrations/grafana-plugin-custom-dash.mdx
index 407f547ded..3dd97faff1 100644
--- a/src/content/docs/en/pages/observe-journey/real-time-metrics/integrations/grafana-plugin-custom-dash.mdx
+++ b/src/content/docs/en/pages/observe-journey/real-time-metrics/integrations/grafana-plugin-custom-dash.mdx
@@ -9,11 +9,11 @@ permalink: /documentation/products/guides/azion-plugin-grafana-custom-dash/
 menu_namespace: observeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 With the Azion data source plugin on Grafana, you can customize your own dashboard to visualize the data you need.
 
-<LinkButton link="/en/documentation/products/guides/observe/integrate-grafana/" label="go to integrate with grafana guide" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/guides/observe/integrate-grafana/" label="go to integrate with grafana guide" type="primary" theme="light" target="_blank" />
 
 ---
 
diff --git a/src/content/docs/en/pages/observe-journey/real-time-metrics/integrations/grafana-plugin-prebuilt-dash.mdx b/src/content/docs/en/pages/observe-journey/real-time-metrics/integrations/grafana-plugin-prebuilt-dash.mdx
index f0f0100f1d..d7759e3f1b 100644
--- a/src/content/docs/en/pages/observe-journey/real-time-metrics/integrations/grafana-plugin-prebuilt-dash.mdx
+++ b/src/content/docs/en/pages/observe-journey/real-time-metrics/integrations/grafana-plugin-prebuilt-dash.mdx
@@ -9,11 +9,11 @@ permalink: /documentation/products/guides/azion-plugin-grafana-pre-built-dash/
 menu_namespace: observeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 With the Azion data source plugin on Grafana, you can customize your own dashboard to visualize the data you need.
 
-<LinkButton link="/en/documentation/products/guides/observe/integrate-grafana/" label="go to integrate with grafana guide" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/guides/observe/integrate-grafana/" label="go to integrate with grafana guide" type="primary" theme="light" target="_blank" />
 
 ---
 
diff --git a/src/content/docs/en/pages/observe-journey/real-time-metrics/monitor-metrics/analyze-metrics.mdx b/src/content/docs/en/pages/observe-journey/real-time-metrics/monitor-metrics/analyze-metrics.mdx
index 4a04589b1f..b140ce706c 100644
--- a/src/content/docs/en/pages/observe-journey/real-time-metrics/monitor-metrics/analyze-metrics.mdx
+++ b/src/content/docs/en/pages/observe-journey/real-time-metrics/monitor-metrics/analyze-metrics.mdx
@@ -7,7 +7,7 @@ permalink: /documentation/products/guides/observe/analyze-metrics/
 menu_namespace: observeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Your analysis using **Real-Time Metrics** depends on the [product you choose](/en/documentation/products/observe/real-time-metrics/#product-choice-to-view-metrics) to use and its available fields. Each product has specific fields that generate the charts providing information on access, behavior, and performance of your applications and related products.
 
@@ -19,7 +19,7 @@ Once you've chosen a product to view charts and conduct an analysis, you can:
 
 Real-Time Metrics provides a standard view with graphs exhibiting pre-defined fields, but you can add filters to view more specific data.
 
-<LinkButton link="/en/documentation/products/guides/observe/add-filters-metrics/" label="go to add filters guide" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/guides/observe/add-filters-metrics/" label="go to add filters guide" type="primary" theme="light" target="_blank" />
 
 To analyse metrics:
 
diff --git a/src/content/docs/en/pages/observe-journey/stream-data.mdx b/src/content/docs/en/pages/observe-journey/stream-data.mdx
index 1afeba36ea..e418c3ed8d 100644
--- a/src/content/docs/en/pages/observe-journey/stream-data.mdx
+++ b/src/content/docs/en/pages/observe-journey/stream-data.mdx
@@ -7,13 +7,13 @@ permalink: /documentation/products/observe/stream-data/
 menu_namespace: observeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Data Stream** allows you to stream your logs from Azion applications to stream processing, SIEM, and big data platforms. All logs are based on events related to products connected to your applications.
 
 Through connectors, you can configure a stream to automatically stream your logs. This will allow you to have an organized set of logs in the analysis platform of your choice and analyze the performance of your content and applications.
 
-<LinkButton link="/en/documentation/products/observe/data-stream/" label="go to Data Stream reference" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/observe/data-stream/" label="go to Data Stream reference" type="primary" theme="light" target="_blank" />
 
 To start generating logs and configure them in a stream:
 
diff --git a/src/content/docs/en/pages/secure-journey/automate/edge-functions-apis.mdx b/src/content/docs/en/pages/secure-journey/automate/edge-functions-apis.mdx
index 84df683b66..3804d12612 100644
--- a/src/content/docs/en/pages/secure-journey/automate/edge-functions-apis.mdx
+++ b/src/content/docs/en/pages/secure-journey/automate/edge-functions-apis.mdx
@@ -8,7 +8,7 @@ namespace: documentation_secure_automate_functions
 permalink: /documentation/products/secure/automate/functions/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 ## Functions and Firewall
 
@@ -32,7 +32,7 @@ The Azion Functions for the firewall run in the request phase, and respect the f
 2. Azion Runtime processes the function, returning an outcome.
 3. Firewall Rules Engine resumes the processing, based on the outcome, from the point the behavior was triggered.
 
-<LinkButton link="/en/documentation/products/secure/edge-firewall/edge-functions/" label="go to Functions for Firewall reference" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/secure/edge-firewall/edge-functions/" label="go to Functions for Firewall reference" type="primary" theme="light" target="_blank" />
 
 ---
 
@@ -40,8 +40,8 @@ The Azion Functions for the firewall run in the request phase, and respect the f
 
 [Azion Runtime](/en/documentation/runtime/overview/) supports a list of APIs that allow manipulation of [metadata](/en/documentation/products/secure/automate/functions/#metadata) and the use of [network lists](/en/documentation/products/secure/automate/functions/##network-list) to help the logic implementation.
 
-<LinkButton link="/en/documentation/products/edge-application/edge-functions/runtime-apis/javascript/" label="go to supported Web APIs" severity="secondary" target="_blank" />
-<LinkButton link="/en/documentation/products/azion-edge-runtime/compatibility/node/" label="go to Node.js compatibility" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/edge-application/edge-functions/runtime-apis/javascript/" label="go to supported Web APIs" type="primary" theme="light" target="_blank" />
+<Button href="/en/documentation/products/azion-edge-runtime/compatibility/node/" label="go to Node.js compatibility" type="primary" theme="light" target="_blank" />
 
 ### Metadata
 
@@ -50,7 +50,7 @@ The Metadata API enables access to a set of metadata that can be manipulated to:
 - Filter and manage access to your application
 - Apply specific logic in different scenarios based on GeoIP
 
-<LinkButton link="/en/documentation/products/edge-application/edge-functions/runtime/api-reference/metadata/" label="go to Metadata API reference" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/edge-application/edge-functions/runtime/api-reference/metadata/" label="go to Metadata API reference" type="primary" theme="light" target="_blank" />
 
 ### Network list
 
@@ -62,8 +62,8 @@ The IPs listed inside network lists can be used to handle:
 - Blocklists
 - Greylists
 
-<LinkButton link="/en/documentation/products/edge-application/edge-functions/runtime/api-reference/metadata/" label="go to Network List API reference" severity="secondary" target="_blank" />
-<LinkButton link="/en/documentation/products/secure/edge-firewall/network-layer-protection/network-lists/" label="go to Network Lists reference" severity="secondary" target="_blank" /><br />
+<Button href="/en/documentation/products/edge-application/edge-functions/runtime/api-reference/metadata/" label="go to Network List API reference" type="primary" theme="light" target="_blank" />
+<Button href="/en/documentation/products/secure/edge-firewall/network-layer-protection/network-lists/" label="go to Network Lists reference" type="primary" theme="light" target="_blank" /><br />
 
 ---
 
diff --git a/src/content/docs/en/pages/secure-journey/automate/integrate-siems.mdx b/src/content/docs/en/pages/secure-journey/automate/integrate-siems.mdx
index 0040da1903..241c817fbb 100644
--- a/src/content/docs/en/pages/secure-journey/automate/integrate-siems.mdx
+++ b/src/content/docs/en/pages/secure-journey/automate/integrate-siems.mdx
@@ -8,14 +8,14 @@ namespace: docs_secure_automate_integrate_siems
 permalink: /documentation/products/secure/automate/integrate-siems/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 import Code from '~/components/Code/Code.astro'
 
 
 Your logs from [Web Application Firewall (WAF)](/en/documentation/products/secure/edge-firewall/web-application-firewall/) can be integrated with SIEM platforms through **Data Stream** to monitor your applications behaviors, performance, and security.
 
-<LinkButton link="/en/documentation/products/observe/data-stream/" label="go to Data Stream reference" severity="secondary" />
+<Button href="/en/documentation/products/observe/data-stream/" label="go to Data Stream reference" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/secure-journey/automate/sdk.mdx b/src/content/docs/en/pages/secure-journey/automate/sdk.mdx
index 0006b89563..0750cce191 100644
--- a/src/content/docs/en/pages/secure-journey/automate/sdk.mdx
+++ b/src/content/docs/en/pages/secure-journey/automate/sdk.mdx
@@ -9,7 +9,7 @@ namespace: documentation_secure_automate_sdk
 permalink: /documentation/products/secure/automate/sdk/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 
 Azion SDK for Go serves as a powerful developer toolkit designed to streamline the integration of Azion API services into Go programming language applications. 
@@ -18,7 +18,7 @@ This toolkit facilitates seamless interaction with Azion's APIs, empowering deve
 
 By leveraging this SDK, Go developers can effortlessly incorporate Azion's services into their projects, enhancing overall efficiency and simplifying the development process.
 
-<LinkButton link="/en/documentation/devtools/sdk/go/" label="go to Azion SDK reference" severity="secondary" />
+<Button href="/en/documentation/devtools/sdk/go/" label="go to Azion SDK reference" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/secure-journey/edit-edge-firewall/edit-main-settings.mdx b/src/content/docs/en/pages/secure-journey/edit-edge-firewall/edit-main-settings.mdx
index 45db6188a9..36bffe3b17 100644
--- a/src/content/docs/en/pages/secure-journey/edit-edge-firewall/edit-main-settings.mdx
+++ b/src/content/docs/en/pages/secure-journey/edit-edge-firewall/edit-main-settings.mdx
@@ -6,7 +6,7 @@ namespace: docs_guides_secure_configure_main_settings
 permalink: /documentation/products/guides/secure/firewall-configure-main-settings/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag'
 import Tabs from '~/components/tabs/Tabs'
 import Code from '~/components/Code/Code.astro'
@@ -28,7 +28,7 @@ In this section, you'll modify the main settings of your firewalls: name, domain
 3. Give your firewall a unique and easy-to-remember name.
 
 If you want to protect your domain with an firewall, check the guide below.
-<LinkButton link="/en/documentation/products/guides/secure/edge-firewall-protect-your-domain/" label="go to How to protect your domain" severity="secondary" />
+<Button href="/en/documentation/products/guides/secure/edge-firewall-protect-your-domain/" label="go to How to protect your domain" type="primary" theme="light" />
 
 ### Modules
 
@@ -53,7 +53,7 @@ You can choose between the list of modules: you can select one, a few, or even a
 
 You'll also find a switch labeled **Debug Rules**. If you enable the switch, you'll turn on the feature that allows you to check if the rules you've created using Rules Engine for Firewall have been successfully executed in your application.
 
-<LinkButton link="/en/documentation/products/guides/debug-rules/" label="go to How to debug rules guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/debug-rules/" label="go to How to debug rules guide" type="primary" theme="light" />
 
 ### Status
 
diff --git a/src/content/docs/en/pages/secure-journey/edit-zone/edit-main-settings.mdx b/src/content/docs/en/pages/secure-journey/edit-zone/edit-main-settings.mdx
index 2885edc335..134098497b 100644
--- a/src/content/docs/en/pages/secure-journey/edit-zone/edit-main-settings.mdx
+++ b/src/content/docs/en/pages/secure-journey/edit-zone/edit-main-settings.mdx
@@ -6,7 +6,7 @@ namespace: docs_guides_secure_idns_configure_main_settings
 permalink: /documentation/products/guides/secure/edge-dns-configure-main-settings/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag'
 import Tabs from '~/components/tabs/Tabs'
 import Code from '~/components/Code/Code.astro'
@@ -48,7 +48,7 @@ Once you host your domain on Azion Edge DNS, you must change your domain's autho
 - ns3.aziondns.org
 :::
 
-<LinkButton link="/en/documentation/products/guides/secure/add-records/" label="go to add records guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/secure/add-records/" label="go to add records guide" type="primary" theme="light" />
 
 </Fragment>
 
@@ -111,7 +111,7 @@ Check the [Azion API documentation](https://api.azion.com/) to know more about w
 
 Once you're done configuring your main settings, you can add records to your Edge DNS.
 
-<LinkButton link="/en/documentation/products/guides/secure/add-records/" label="go to add records guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/secure/add-records/" label="go to add records guide" type="primary" theme="light" />
 </Fragment>
 
 </Tabs>
diff --git a/src/content/docs/en/pages/secure-journey/firewall-advanced-configurations/block-tor-networks.mdx b/src/content/docs/en/pages/secure-journey/firewall-advanced-configurations/block-tor-networks.mdx
index ecc9ee8e2b..6899b66e6e 100644
--- a/src/content/docs/en/pages/secure-journey/firewall-advanced-configurations/block-tor-networks.mdx
+++ b/src/content/docs/en/pages/secure-journey/firewall-advanced-configurations/block-tor-networks.mdx
@@ -8,7 +8,7 @@ namespace: docs_secure_block_tor
 permalink: /documentation/products/guides/secure/block-tor-networks/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 import Code from '~/components/Code/Code.astro'
 
@@ -17,7 +17,7 @@ import Code from '~/components/Code/Code.astro'
 
 Azion provides the **Azion IP Tor Exit Nodes** network list to all users registered with Azion. This list can be used to configure a behavior using Rules Engine to block all requests coming from IPs contained in the network list.
 
-<LinkButton link="/en/documentation/products/secure/edge-firewall/network-layer-protection/network-lists/" label="go to Network Lists reference" severity="secondary" />
+<Button href="/en/documentation/products/secure/edge-firewall/network-layer-protection/network-lists/" label="go to Network Lists reference" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/secure-journey/firewall-advanced-configurations/manage-bots.mdx b/src/content/docs/en/pages/secure-journey/firewall-advanced-configurations/manage-bots.mdx
index d324abe81a..0b4d0a0597 100644
--- a/src/content/docs/en/pages/secure-journey/firewall-advanced-configurations/manage-bots.mdx
+++ b/src/content/docs/en/pages/secure-journey/firewall-advanced-configurations/manage-bots.mdx
@@ -8,7 +8,7 @@ namespace: docs_secure_manage_bots
 permalink: /documentation/products/guides/secure/manage-bots/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 You can protect your applications and their contents from bot attacks through Azion Web Platform. To do so, you leverage on functions and allow a serverless solution aligned with [Firewall](/en/documentation/products/secure/edge-firewall/) security policies to execute this task.
 
diff --git a/src/content/docs/en/pages/secure-journey/firewall-advanced-configurations/tune-waf.mdx b/src/content/docs/en/pages/secure-journey/firewall-advanced-configurations/tune-waf.mdx
index 5a2782a17f..cb44b289e8 100644
--- a/src/content/docs/en/pages/secure-journey/firewall-advanced-configurations/tune-waf.mdx
+++ b/src/content/docs/en/pages/secure-journey/firewall-advanced-configurations/tune-waf.mdx
@@ -9,7 +9,7 @@ permalink: /documentation/products/guides/secure/tune-waf/
 ---
 
 import Tag from 'primevue/tag'
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 import Apiv4Rollout from '~/includes/snippets/apiv4Rollout/en/snippet.mdx'
 
diff --git a/src/content/docs/en/pages/secure-journey/overview.mdx b/src/content/docs/en/pages/secure-journey/overview.mdx
index 3afd65d5a1..77c24a5a6c 100644
--- a/src/content/docs/en/pages/secure-journey/overview.mdx
+++ b/src/content/docs/en/pages/secure-journey/overview.mdx
@@ -6,7 +6,7 @@ namespace: docs_secure_overview
 permalink: /documentation/products/secure/overview/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Azion Secure products assist you in protecting your domains, applications, and infrastructure.
 
@@ -18,9 +18,9 @@ Azion Secure products assist you in protecting your domains, applications, and i
 
 **Firewall** is a programmable security product that allows you to secure your applications, your domains, and your user's domains.
 
-<LinkButton link="/en/documentation/products/secure/edge-firewall/" severity="secondary" label="go to Firewall documentation" /><br></br>
+<Button href="/en/documentation/products/secure/edge-firewall/" label="go to Firewall documentation" type="primary" theme="light" /><br></br>
 
-<LinkButton link="/en/documentation/products/guides/secure/edge-firewall-configure-main-settings/" severity="secondary" label="go to Firewall main settings guide" />
+<Button href="/en/documentation/products/guides/secure/edge-firewall-configure-main-settings/" label="go to Firewall main settings guide" type="primary" theme="light" />
  
 When a user attempts to access and attack your applications hosted on Azion with any type of attack, Firewall and its modules act as a protection layer before the attack reaches your application and, consequently, the origin.
 
@@ -32,7 +32,7 @@ An attack attempt will pass through each of Firewall's modules and they'll block
 
 Furthermore, your configurations need to be set as rules on [Rules Engine](/en/documentation/products/secure/edge-firewall/#rules-engine-for-edge-firewall) for them to be implemented and for requests to be properly analyzed, allowed, or blocked.
 
-<LinkButton link="/en/documentation/products/guides/secure/work-with-rules-engine/" severity="secondary" label="go to Rules Engine for Firewall guide" />
+<Button href="/en/documentation/products/guides/secure/work-with-rules-engine/" label="go to Rules Engine for Firewall guide" type="primary" theme="light" />
 
 ---
 
@@ -40,9 +40,9 @@ Furthermore, your configurations need to be set as rules on [Rules Engine](/en/d
 
 **Edge DNS** allows you to host your domains on Azion's distributed infrastructure, providing high performance, availability, and security.
 
-<LinkButton link="/en/documentation/products/secure/edge-dns/" severity="secondary" label="go to Edge DNS documentation" /> <br></br>
+<Button href="/en/documentation/products/secure/edge-dns/" label="go to Edge DNS documentation" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/en/documentation/products/guides/secure/edge-dns-configure-main-settings/" severity="secondary" label="go to Edge DNS main settings guide" />
+<Button href="/en/documentation/products/guides/secure/edge-dns-configure-main-settings/" label="go to Edge DNS main settings guide" type="primary" theme="light" />
 
 By adding and configuring [records](/en/documentation/products/guides/secure/add-records/), your domain's information is stored securely at Azion's infrastructure and allows you to configure other products to properly handle requests, such as applications and Firewalls.
 
diff --git a/src/content/docs/en/pages/secure-journey/secure-application.mdx b/src/content/docs/en/pages/secure-journey/secure-application.mdx
index de9a82ba99..be37a17cb2 100644
--- a/src/content/docs/en/pages/secure-journey/secure-application.mdx
+++ b/src/content/docs/en/pages/secure-journey/secure-application.mdx
@@ -6,7 +6,7 @@ namespace: docs_secure_application
 permalink: /documentation/products/secure/secure-application/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag'
 
 **Firewall** allows you to secure your [applications](/en/documentation/products/guides/build/build-an-application/) and [domains](/en/documentation/products/guides/configure-a-domain/) against several types of threats and attacks.
@@ -32,7 +32,7 @@ To create an Firewall, the first step is to provide:
 
 Optionally, you can also enable the **Debug Rules** feature.
 
-<LinkButton link="/en/documentation/products/guides/secure/edge-firewall-configure-main-settings/" label="go to configure main settings guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/secure/edge-firewall-configure-main-settings/" label="go to configure main settings guide" type="primary" theme="light" />
 
 ---
 
@@ -48,9 +48,9 @@ Instantiating an existing function created for security purposes reinforces your
 
 The instantiation step also allows you to apply specific and customized logic to your functions.
 
-<LinkButton link="/en/documentation/products/guides/secure/instantiate-edge-functions/" label="go to instantiate Functions guide" severity="secondary" /> <br></br>
+<Button href="/en/documentation/products/guides/secure/instantiate-edge-functions/" label="go to instantiate Functions guide" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/en/documentation/products/guides/secure/manage-bots/" label="go to manage bots guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/secure/manage-bots/" label="go to manage bots guide" type="primary" theme="light" />
 
 ---
 
@@ -60,6 +60,6 @@ The final step is to configure variables on **Rules Engine**. Through *criteria*
 
 Functions and rules run in parallel. It's recommended to use both tools to further improve and guarantee your application's security.
 
-<LinkButton link="/en/documentation/products/guides/secure/work-with-rules-engine/" label="go to work with Rules Engine guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/secure/work-with-rules-engine/" label="go to work with Rules Engine guide" type="primary" theme="light" />
 ---
 
diff --git a/src/content/docs/en/pages/secure-journey/secure-dns.mdx b/src/content/docs/en/pages/secure-journey/secure-dns.mdx
index 9e9791dbd3..2e213fa669 100644
--- a/src/content/docs/en/pages/secure-journey/secure-dns.mdx
+++ b/src/content/docs/en/pages/secure-journey/secure-dns.mdx
@@ -8,13 +8,13 @@ namespace: docs_secure_dns
 permalink: /documentation/products/secure/secure-dns/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Edge DNS** allows you to host your domains directly on Azion Web Platform. By doing so, they'll be secured with and by the same policies used on Azion's distributed infrastructure.
 
 Edge DNS works as an authoritative DNS server that hosts zones, records, and configurations.
 
-<LinkButton link="/en/documentation/products/secure/edge-dns/" label="go to Edge DNS reference" severity="secondary" />
+<Button href="/en/documentation/products/secure/edge-dns/" label="go to Edge DNS reference" type="primary" theme="light" />
 
 ---
 
@@ -22,7 +22,7 @@ Edge DNS works as an authoritative DNS server that hosts zones, records, and con
 
 To begin hosting a domain with Edge DNS, you need to provide a name and the FQDN recorded. You're also able to add a list of nameservers.
 
-<LinkButton link="/en/documentation/products/guides/secure/edge-dns-configure-main-settings/" label="go to configure Edge DNS guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/secure/edge-dns-configure-main-settings/" label="go to configure Edge DNS guide" type="primary" theme="light" />
 
 ---
 
@@ -30,7 +30,7 @@ To begin hosting a domain with Edge DNS, you need to provide a name and the FQDN
 
 You need to specify the type of record now being used with Edge DNS and configure further settings such as response value, Time-to-live (TTL) value, and desired policy.
 
-<LinkButton link="/en/documentation/products/guides/secure/add-records/" label="go to add records guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/secure/add-records/" label="go to add records guide" type="primary" theme="light" />
 
 ---
 
@@ -38,7 +38,7 @@ You need to specify the type of record now being used with Edge DNS and configur
 
 If you already have a domain hosted in another provider, you can migrate it to Azion with Edge DNS and associate it with applications and firewalls to guarantee your business is protected.
 
-<LinkButton link="/en/documentation/products/guides/migrate-ns-to-azion/" label="go to migrate a NS guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/migrate-ns-to-azion/" label="go to migrate a NS guide" type="primary" theme="light" />
 
 ---
 
@@ -46,7 +46,7 @@ If you already have a domain hosted in another provider, you can migrate it to A
 
 Edge DNS also provides DNSSEC compatibility to authenticate your responses and improve your user's experience.
 
-<LinkButton link="/en/documentation/products/guides/secure/activate-dnssec/" label="go to activate DNSSEC guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/secure/activate-dnssec/" label="go to activate DNSSEC guide" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/secure-journey/secure-infrastructure.mdx b/src/content/docs/en/pages/secure-journey/secure-infrastructure.mdx
index 6a357adf43..1634b0b028 100644
--- a/src/content/docs/en/pages/secure-journey/secure-infrastructure.mdx
+++ b/src/content/docs/en/pages/secure-journey/secure-infrastructure.mdx
@@ -6,7 +6,7 @@ namespace: docs_secure_infrastructure
 permalink: /documentation/products/secure/secure-infrastructure/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 import Code from '~/components/Code/Code.astro'
 
diff --git a/src/content/docs/en/pages/secure-journey/troubleshoot/edge-firewall-understand-metrics.mdx b/src/content/docs/en/pages/secure-journey/troubleshoot/edge-firewall-understand-metrics.mdx
index 1ce22ed3ce..2966175b14 100644
--- a/src/content/docs/en/pages/secure-journey/troubleshoot/edge-firewall-understand-metrics.mdx
+++ b/src/content/docs/en/pages/secure-journey/troubleshoot/edge-firewall-understand-metrics.mdx
@@ -6,7 +6,7 @@ namespace: docs_secure_understand_metrics
 permalink: /documentation/products/secure/troubleshoot/firewall-understand-metrics/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Once you create an firewall and [activate the Web Application Firewall (WAF) module](/en/documentation/products/guides/secure/edge-firewall-configure-main-settings/#modules), you can also use [Observe](/en/documentation/products/observe/) products to monitor how WAF is processing requests made to your applications.
 
@@ -20,11 +20,11 @@ Once you create an firewall and [activate the Web Application Firewall (WAF) mod
 
 To monitor how WAF processes requests and threats:
 
-<LinkButton link="/en/documentation/products/observe/real-time-metrics/#waf" label="view aggregated metrics" severity="secondary" /> <br></br>
+<Button href="/en/documentation/products/observe/real-time-metrics/#waf" label="view aggregated metrics" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/en/documentation/devtools/graphql-api/features/#datasets" label="query data" severity="secondary" /> <br></br>
+<Button href="/en/documentation/devtools/graphql-api/features/#datasets" label="query data" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/en/documentation/products/observe/real-time-events/#waf-events" label="view raw data" severity="secondary" /><br />
+<Button href="/en/documentation/products/observe/real-time-events/#waf-events" label="view raw data" type="primary" theme="light" /><br />
 
 :::note
 The `Set WAF [Your WAF]` Firewall behavior performs special processing, allowing other rules to be processed simultaneously. As a result, logs may display other rules in the `traceback` field, even if the WAF Rule Set is configured to block and return the request.  However, the WAF rules operate correctly, blocking requests that match the specified criteria. This behavior is standard for the platform.
diff --git a/src/content/docs/en/pages/secure-journey/troubleshoot/intelligent-dns-understand-metrics.mdx b/src/content/docs/en/pages/secure-journey/troubleshoot/intelligent-dns-understand-metrics.mdx
index cdb51f1d78..aaec9a9ccd 100644
--- a/src/content/docs/en/pages/secure-journey/troubleshoot/intelligent-dns-understand-metrics.mdx
+++ b/src/content/docs/en/pages/secure-journey/troubleshoot/intelligent-dns-understand-metrics.mdx
@@ -8,7 +8,7 @@ namespace: docs_secure_understand_metrics_dns
 permalink: /documentation/products/secure/troubleshoot/edge-dns-understand-metrics/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Once you host your domains and create zones on [Edge DNS](/en/documentation/products/guides/secure/edge-dns-configure-main-settings/), you can also rely on [Observe](/en/documentation/products/observe/) products to monitor how WAF is processing requests made to your applications.
 
@@ -21,8 +21,8 @@ Once you host your domains and create zones on [Edge DNS](/en/documentation/prod
 
 To monitor queries received by your configured DNS:
 
-<LinkButton link="/en/documentation/products/observe/real-time-metrics/#edge-dns" label="view aggregated metrics" severity="secondary" /> <br></br>
+<Button href="/en/documentation/products/observe/real-time-metrics/#edge-dns" label="view aggregated metrics" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/en/documentation/devtools/graphql-api/features/#datasets" label="query data" severity="secondary" /> <br /><br />
+<Button href="/en/documentation/devtools/graphql-api/features/#datasets" label="query data" type="primary" theme="light" /> <br /><br />
 ---
 
diff --git a/src/content/docs/en/pages/secure-journey/troubleshoot/test-zone.mdx b/src/content/docs/en/pages/secure-journey/troubleshoot/test-zone.mdx
index 03bf089480..51c9bac0d5 100644
--- a/src/content/docs/en/pages/secure-journey/troubleshoot/test-zone.mdx
+++ b/src/content/docs/en/pages/secure-journey/troubleshoot/test-zone.mdx
@@ -6,7 +6,7 @@ namespace: docs_guides_secure_test_zone
 permalink: /documentation/products/secure/troubleshoot/test-zone/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Once you've set up your [Edge DNS zone](/en/documentation/products/guides/secure/edge-dns-configure-main-settings/), you can test it to see if it's properly processing your information.
 
@@ -19,7 +19,7 @@ Once you've set up your [Edge DNS zone](/en/documentation/products/guides/secure
 
 To test **Edge DNS**, you must use one of the [Azion nameservers](/en/documentation/products/secure/edge-dns/#dns-provider-configuration) that you've configured in your DNS registry.
 
-<LinkButton link="/en/documentation/products/guides/run-the-dig-command/" label="go to DIG command guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/run-the-dig-command/" label="go to DIG command guide" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/secure-journey/zone-advanced-configurations/access-root-domain.mdx b/src/content/docs/en/pages/secure-journey/zone-advanced-configurations/access-root-domain.mdx
index c286dd8040..a00daf8293 100644
--- a/src/content/docs/en/pages/secure-journey/zone-advanced-configurations/access-root-domain.mdx
+++ b/src/content/docs/en/pages/secure-journey/zone-advanced-configurations/access-root-domain.mdx
@@ -6,7 +6,7 @@ namespace: docs_guides_secure_idns_root_domain
 permalink: /documentation/products/guides/secure/access-root-domain/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 import Code from '~/components/Code/Code.astro'
 
@@ -15,7 +15,7 @@ You can configure your **Edge DNS** to allow access to an address through its ro
 
 For this guide, assume you're configuring a record for a zone with the `domain.com` root domain.
 
-<LinkButton link="/en/documentation/products/guides/secure/add-records/" label="go to add records guide" severity="secondary" />
+<Button href="/en/documentation/products/guides/secure/add-records/" label="go to add records guide" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/en/pages/secure-journey/zone-advanced-configurations/add-lets-encrypt-txt-record.mdx b/src/content/docs/en/pages/secure-journey/zone-advanced-configurations/add-lets-encrypt-txt-record.mdx
index 85206eb15b..0a424e09e6 100644
--- a/src/content/docs/en/pages/secure-journey/zone-advanced-configurations/add-lets-encrypt-txt-record.mdx
+++ b/src/content/docs/en/pages/secure-journey/zone-advanced-configurations/add-lets-encrypt-txt-record.mdx
@@ -9,7 +9,7 @@ namespace: docs_guides_secure_intelligent_dns_lets_encrypt_record
 permalink: /documentation/products/guides/secure/lets-encrypt-record/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import LetsEncryptExpiration from '~/includes/snippets/LetsEncryptExpiration/en/snippet.mdx'
 import Tabs from '~/components/tabs/Tabs'
 import Code from '~/components/Code/Code.astro'
diff --git a/src/content/docs/en/pages/store-journey/overview.mdx b/src/content/docs/en/pages/store-journey/overview.mdx
index 5f9a07c58e..b887c9664a 100644
--- a/src/content/docs/en/pages/store-journey/overview.mdx
+++ b/src/content/docs/en/pages/store-journey/overview.mdx
@@ -7,7 +7,7 @@ permalink: /documentation/products/store/overview/
 menu_namespace: storeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Welcome to the Azion Store Products journey. This documentation introduces [SQL Database](/en/documentation/products/store/edge-sql/) and [Object Storage](/en/documentation/products/store/edge-storage/), powerful tools for efficient data management and processing.
 
@@ -19,7 +19,7 @@ Azion Object Storage is an object storage model that organizes data into "bucket
 
 Object Storage is ideal for backup and recovery, content management, rich media, static-site hosting, storage of unstructured data, and Jamstack websites.
 
-<LinkButton link="/en/documentation/products/store/edge-storage/" label="Go to Object Storage Reference" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/store/edge-storage/" label="Go to Object Storage Reference" type="primary" theme="light" target="_blank" />
 
 ## SQL Database
 
@@ -29,4 +29,4 @@ Azion SQL Database is a cutting-edge SQL solution tailored for edge computing, p
 
 SQL Database is suitable for real-time telemetry data storage, access log analysis, efficient access data management, and supporting applications requiring quick data retrieval.
 
-<LinkButton link="/en/documentation/products/store/edge-sql/" label="Go to SQL Database Reference" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/store/edge-sql/" label="Go to SQL Database Reference" type="primary" theme="light" target="_blank" />
diff --git a/src/content/docs/en/pages/store-journey/sql/create-table.mdx b/src/content/docs/en/pages/store-journey/sql/create-table.mdx
index de35c0345b..c8e84d8fb6 100644
--- a/src/content/docs/en/pages/store-journey/sql/create-table.mdx
+++ b/src/content/docs/en/pages/store-journey/sql/create-table.mdx
@@ -9,11 +9,11 @@ namespace: docs_store_journey_sql_create_table
 menu_namespace: storeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Once you've created your [SQL Database database](/en/documentation/products/store/sql/create-database/), you can begin creating tables and inserting data into them.
 
-<LinkButton link="/en/documentation/products/store/edge-sql/" label="go to SQL Database reference" severity="secondary" />
+<Button href="/en/documentation/products/store/edge-sql/" label="go to SQL Database reference" type="primary" theme="light" />
 
 ## Creating a table
 
diff --git a/src/content/docs/en/pages/store-journey/sql/edgesql-shell-commands.mdx b/src/content/docs/en/pages/store-journey/sql/edgesql-shell-commands.mdx
index 2eefbc1639..036aec5c43 100644
--- a/src/content/docs/en/pages/store-journey/sql/edgesql-shell-commands.mdx
+++ b/src/content/docs/en/pages/store-journey/sql/edgesql-shell-commands.mdx
@@ -9,7 +9,7 @@ namespace: docs_store_journey_sql_edge_sql_shell_commands
 menu_namespace: storeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 SQL Database Shell provides a command-line interface to manage and interact with your SQL Database databases. Beyond executing SQL queries, it offers a comprehensive set of commands for database administration and configuration.
 
@@ -274,4 +274,4 @@ Use the following commands to set your Turso credentials:
   export TURSO_ENCRYPTION_KEY=<encryption_key>
 ```
 
-<LinkButton link="/en/documentation/products/store/sql/install-edge-sql-shell" label="Go to SQL Database Shell installation guide" severity="secondary" />
+<Button href="/en/documentation/products/store/sql/install-edge-sql-shell" label="Go to SQL Database Shell installation guide" type="primary" theme="light" />
diff --git a/src/content/docs/en/pages/store-journey/sql/install-edgesql-shell.mdx b/src/content/docs/en/pages/store-journey/sql/install-edgesql-shell.mdx
index 8d0c071304..bb29ea356e 100644
--- a/src/content/docs/en/pages/store-journey/sql/install-edgesql-shell.mdx
+++ b/src/content/docs/en/pages/store-journey/sql/install-edgesql-shell.mdx
@@ -9,7 +9,7 @@ namespace: docs_store_journey_sql_install_edge_sql_shell
 menu_namespace: storeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 SQL Database Shell is a command-line interface (CLI) tool for interacting with Azion SQL Database, allowing users to manage databases, execute SQL commands, and perform various database operations.
 
@@ -69,4 +69,4 @@ python edgesql-shell.py
 
 Now you can use the SQL Database Shell commands, set environment variables and run SQL queries directly in the terminal.
 
-<LinkButton link="/en/documentation/products/store/sql/edge-sql-shell-commands/" label="Go to SQL Database Shell commands reference" severity="secondary" />
+<Button href="/en/documentation/products/store/sql/edge-sql-shell-commands/" label="Go to SQL Database Shell commands reference" type="primary" theme="light" />
diff --git a/src/content/docs/en/pages/store-journey/sql/query-rows.mdx b/src/content/docs/en/pages/store-journey/sql/query-rows.mdx
index 3dfbee5fd5..c9270db6b3 100644
--- a/src/content/docs/en/pages/store-journey/sql/query-rows.mdx
+++ b/src/content/docs/en/pages/store-journey/sql/query-rows.mdx
@@ -7,11 +7,11 @@ permalink: /documentation/products/store/sql/retrieve-data-sql-database/
 menu_namespace: storeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Once you've created your SQL Database database, you can begin retrieving data from them.
 
-<LinkButton link="/en/documentation/products/store/edge-sql/" label="go to SQL Database reference" severity="secondary" />
+<Button href="/en/documentation/products/store/edge-sql/" label="go to SQL Database reference" type="primary" theme="light" />
 
 ## Listing data in a table
 
diff --git a/src/content/docs/en/pages/store-journey/storage/delete-object.mdx b/src/content/docs/en/pages/store-journey/storage/delete-object.mdx
index a6cccf9da5..b9050c1b4d 100644
--- a/src/content/docs/en/pages/store-journey/storage/delete-object.mdx
+++ b/src/content/docs/en/pages/store-journey/storage/delete-object.mdx
@@ -10,7 +10,7 @@ menu_namespace: storeMenu
 This guide walks you through deleting an Object Storage bucket's object using the [Azion API](https://api.azion.com/), [Azion CLI](/en/documentation/products/azion-cli/overview/), and [Azion Runtime](/en/documentation/runtime/api-reference/storage/).
 
 import Tabs from '~/components/tabs/Tabs'
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Code from '~/components/Code/Code.astro'
 
 ## Deleting an object from a bucket
@@ -100,8 +100,8 @@ See the [Object Storage API](/en/documentation/runtime/api-reference/storage/) r
 
 Once you have the function ready, you need to create an applications that will proxy the deleting process for the bucket and instantiate the function.
 
-<LinkButton link="/en/documentation/products/build/edge-application/first-steps/" label="Go to Applications first steps" severity="secondary" target="_blank" />
-<LinkButton link="/en/documentation/products/guides/build/instantiate-edge-functions/" label="Go to how to instantiate an function" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/build/edge-application/first-steps/" label="Go to Applications first steps" type="primary" theme="light" target="_blank" />
+<Button href="/en/documentation/products/guides/build/instantiate-edge-functions/" label="Go to how to instantiate an function" type="primary" theme="light" target="_blank" />
 
 </Fragment>
 </Tabs>
diff --git a/src/content/docs/en/pages/store-journey/storage/download-object.mdx b/src/content/docs/en/pages/store-journey/storage/download-object.mdx
index b0c3aa3590..635de780de 100644
--- a/src/content/docs/en/pages/store-journey/storage/download-object.mdx
+++ b/src/content/docs/en/pages/store-journey/storage/download-object.mdx
@@ -11,7 +11,7 @@ permalink: /documentation/products/store/storage/download-object/
 menu_namespace: storeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 import Code from '~/components/Code/Code.astro'
 
@@ -90,8 +90,8 @@ See the [Object Storage API](/en/documentation/runtime/api-reference/storage/) r
 
 Once you have the function ready, you need to create an applications that will proxy the process for the bucket and instantiate the function.
 
-<LinkButton link="/en/documentation/products/build/edge-application/first-steps/" label="Go to Applications first steps" severity="secondary" target="_blank" />
-<LinkButton link="/en/documentation/products/guides/build/instantiate-edge-functions/" label="Go to how to instantiate an function" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/build/edge-application/first-steps/" label="Go to Applications first steps" type="primary" theme="light" target="_blank" />
+<Button href="/en/documentation/products/guides/build/instantiate-edge-functions/" label="Go to how to instantiate an function" type="primary" theme="light" target="_blank" />
 
 </Fragment>
 </Tabs>
diff --git a/src/content/docs/en/pages/store-journey/storage/list-buckets.mdx b/src/content/docs/en/pages/store-journey/storage/list-buckets.mdx
index 61cfbd2c0a..19e9ef3292 100644
--- a/src/content/docs/en/pages/store-journey/storage/list-buckets.mdx
+++ b/src/content/docs/en/pages/store-journey/storage/list-buckets.mdx
@@ -12,7 +12,7 @@ menu_namespace: storeMenu
 ---
 
 import Tabs from '~/components/tabs/Tabs'
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 This guide will show you how to list all the buckets in your account using the Azion API and Azion CLI.
 
@@ -44,7 +44,7 @@ curl --location 'https://api.azion.com/v4/storage/buckets' \
 --header 'Authorization: Token [TOKEN VALUE]'
 ```
 
-<LinkButton link="https://api.azion.com/#565230b1-5f75-49e5-b025-0dc9e271883d" label="Go to Azion API documentation" severity="secondary" target="_blank" />
+<Button href="https://api.azion.com/#565230b1-5f75-49e5-b025-0dc9e271883d" label="Go to Azion API documentation" type="primary" theme="light" target="_blank" />
 
 </Fragment>
 
diff --git a/src/content/docs/en/pages/store-journey/storage/list-objects-.mdx b/src/content/docs/en/pages/store-journey/storage/list-objects-.mdx
index 9fae41dfbf..c7096d0c45 100644
--- a/src/content/docs/en/pages/store-journey/storage/list-objects-.mdx
+++ b/src/content/docs/en/pages/store-journey/storage/list-objects-.mdx
@@ -10,7 +10,7 @@ menu_namespace: storeMenu
 This guide walks you through listing the objects in an Object Storage bucket using the [Azion API](https://api.azion.com/), [Azion CLI](/en/documentation/products/azion-cli/overview/), and [Azion Runtime](/en/documentation/runtime/api-reference/storage/).
 
 import Tabs from '~/components/tabs/Tabs'
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Code from '~/components/Code/Code.astro'
 
 ## Listing a bucket's objects
@@ -104,8 +104,8 @@ See the [Object Storage API](/en/documentation/runtime/api-reference/storage/) r
 
 Once the function is ready, you need to create an applications that will proxy the listing process for the bucket and instantiate the function.
 
-<LinkButton link="/en/documentation/products/build/edge-application/first-steps/" label="Go to Applications first steps" severity="secondary" target="_blank" />
-<LinkButton link="/en/documentation/products/guides/build/instantiate-edge-functions/" label="Go to how to instantiate a function" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/build/edge-application/first-steps/" label="Go to Applications first steps" type="primary" theme="light" target="_blank" />
+<Button href="/en/documentation/products/guides/build/instantiate-edge-functions/" label="Go to how to instantiate a function" type="primary" theme="light" target="_blank" />
 
 </Fragment>
 </Tabs>
diff --git a/src/content/docs/en/pages/store-journey/storage/update-bucket.mdx b/src/content/docs/en/pages/store-journey/storage/update-bucket.mdx
index 86d6d6e22b..ddc100b94c 100644
--- a/src/content/docs/en/pages/store-journey/storage/update-bucket.mdx
+++ b/src/content/docs/en/pages/store-journey/storage/update-bucket.mdx
@@ -12,7 +12,7 @@ menu_namespace: storeMenu
 ---
 
 import Tabs from '~/components/tabs/Tabs'
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 This guide walks you through updating an Object Storage bucket using the Azion API and Azion CLI. It includes changing the permissions of a bucket, which can be crucial for managing access to your data. 
 
diff --git a/src/content/docs/en/pages/store-journey/storage/update-object.mdx b/src/content/docs/en/pages/store-journey/storage/update-object.mdx
index 1a68320d12..4b04374dfd 100644
--- a/src/content/docs/en/pages/store-journey/storage/update-object.mdx
+++ b/src/content/docs/en/pages/store-journey/storage/update-object.mdx
@@ -12,7 +12,7 @@ menu_namespace: storeMenu
 
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 import Code from '~/components/Code/Code.astro'
 
@@ -110,8 +110,8 @@ See the [Object Storage API](/en/documentation/runtime/api-reference/storage/) r
 
 Once you have the function ready, you need to create an applications that will proxy the process for the bucket and instantiate the function.
 
-<LinkButton link="/en/documentation/products/build/edge-application/first-steps/" label="Go to Applications first steps" severity="secondary" target="_blank" />
-<LinkButton link="/en/documentation/products/guides/build/instantiate-edge-functions/" label="Go to how to instantiate an function" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/build/edge-application/first-steps/" label="Go to Applications first steps" type="primary" theme="light" target="_blank" />
+<Button href="/en/documentation/products/guides/build/instantiate-edge-functions/" label="Go to how to instantiate an function" type="primary" theme="light" target="_blank" />
 
 </Fragment>
 </Tabs>
diff --git a/src/content/docs/en/pages/store-journey/storage/upload-object.mdx b/src/content/docs/en/pages/store-journey/storage/upload-object.mdx
index 0f69cfee4d..d786986cc9 100644
--- a/src/content/docs/en/pages/store-journey/storage/upload-object.mdx
+++ b/src/content/docs/en/pages/store-journey/storage/upload-object.mdx
@@ -12,7 +12,7 @@ menu_namespace: storeMenu
 This guide walks you through uploading an object to an Object Storage bucket using the [Azion API](https://api.azion.com/), [Azion CLI](/en/documentation/products/azion-cli/overview/), and [Azion Runtime](/en/documentation/runtime/api-reference/storage/).
 
 import Tabs from '~/components/tabs/Tabs'
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 ## Uploading an object to a bucket
 
@@ -105,8 +105,8 @@ See the [Object Storage API](/en/documentation/runtime/api-reference/storage/) r
 
 Once you have the function ready, you need to create an applications that will proxy the upload process for the bucket and instantiate the function.
 
-<LinkButton link="/en/documentation/products/build/edge-application/first-steps/" label="Go to Applications first steps" severity="secondary" target="_blank" />
-<LinkButton link="/en/documentation/products/guides/build/instantiate-edge-functions/" label="Go to how to instantiate an function" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/build/edge-application/first-steps/" label="Go to Applications first steps" type="primary" theme="light" target="_blank" />
+<Button href="/en/documentation/products/guides/build/instantiate-edge-functions/" label="Go to how to instantiate an function" type="primary" theme="light" target="_blank" />
 
 </Fragment>
 </Tabs>
diff --git a/src/content/docs/en/pages/store-journey/storage/use-bucket-as-origin.mdx b/src/content/docs/en/pages/store-journey/storage/use-bucket-as-origin.mdx
index 5b16d1b3eb..acddf9e698 100644
--- a/src/content/docs/en/pages/store-journey/storage/use-bucket-as-origin.mdx
+++ b/src/content/docs/en/pages/store-journey/storage/use-bucket-as-origin.mdx
@@ -11,7 +11,7 @@ permalink: /documentation/products/store/storage/use-bucket-as-origin/
 menu_namespace: storeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 
 import Code from '~/components/Code/Code.astro'
@@ -21,7 +21,7 @@ import Apiv4Rollout from '~/includes/snippets/apiv4Rollout/en/snippet.mdx'
 
 This guide walks you through setting a bucket as origin of an applications using the [Azion API](https://api.azion.com/), [Azion CLI](/en/documentation/products/azion-cli/overview/), and [Azion Runtime](/en/documentation/runtime/api-reference/storage/).
 
-<LinkButton link="/en/documentation/products/store/edge-storage/" label="go to Object Storage reference" severity="secondary" target="_blank" />
+<Button href="/en/documentation/products/store/edge-storage/" label="go to Object Storage reference" type="primary" theme="light" target="_blank" />
 
 There are separate instructions for API v3 using [legacy Origin](/en/documentation/products/build/edge-application/domains/) settings and API v4 using the new [Connector](/en/documentation/products/secure/edge-connector) product.
 
diff --git a/src/content/docs/pt-br/homes/doc-home.mdx b/src/content/docs/pt-br/homes/doc-home.mdx
index 478c875dbd..663d8ed462 100644
--- a/src/content/docs/pt-br/homes/doc-home.mdx
+++ b/src/content/docs/pt-br/homes/doc-home.mdx
@@ -6,7 +6,7 @@ description: >-
 namespace: documentation_home
 permalink: /documentacao/
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import HeroHome from 'azion-webkit/herohome';
 import Container from 'azion-webkit/container';
 
@@ -16,8 +16,8 @@ import Container from 'azion-webkit/container';
     description="Tornamos toda aplicação rápida e confiável. Faça a implementação de seus projetos instantaneamente na rede global mais confiável, aproveite segurança em nível corporativo e escale do zero ao pico sem cold starts."
     logos={[]}
     buttons={[
-      { label: "Crie a sua conta", link: "https://console.azion.com/signup/", outlined: false },
-      { label: "Visão geral da plataforma", link: "/pt-br/documentacao/produtos/visao-geral-da-plataforma-da-azion/",severity: "secondary" }
+      { label: "Crie a sua conta", link: "https://console.azion.com/signup/", type: "primary", theme: "light" },
+      { label: "Visão geral da plataforma", link: "/pt-br/documentacao/produtos/visao-geral-da-plataforma-da-azion/", type: "primary", theme: "light" }
     ]}
   />
 </div>
@@ -34,7 +34,7 @@ Astro é um framework web moderno focado em construir sites rápidos e orientado
 
 Para ver a lista completa de templates Astro, [clique aqui](/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade-frameworks/astro/#templates-disponíveis).
 
-<LinkButton link="/pt-br/documentacao/produtos/templates/astro-boilerplate/." label="Comece agora" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/templates/astro-boilerplate/." label="Comece agora" type="primary" theme="light" />
 
 ### <i class='ai ai-gatsby'></i> Gatsby Blog Starter Kit
 
@@ -42,7 +42,7 @@ Crie sites de alto desempenho e otimizados para SEO com Gatsby, um gerador de si
 
 Para ver a lista completa de templates Gatsby, [clique aqui](/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade-frameworks/gatsby/#templates-disponíveis).
 
-<LinkButton link="/pt-br/documentacao/produtos/templates/gatsby-blog/." label="Comece agora" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/templates/gatsby-blog/." label="Comece agora" type="primary" theme="light" />
 
 ### <i class='ai ai-react'></i> React Boilerplate
 
@@ -50,7 +50,7 @@ Construa interfaces de usuário interativas usando componentes reutilizáveis co
 
 Para ver a lista completa de templates React, [clique aqui](/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade-frameworks/react/#templates-disponíveis).
 
-<LinkButton link="/pt-br/documentacao/produtos/templates/react-boilerplate/." label="Comece agora" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/templates/react-boilerplate/." label="Comece agora" type="primary" theme="light" />
 
 ### <i class='ai ai-nextjs'></i> Next.js App + Configurations
 
@@ -58,18 +58,27 @@ Aproveite o Next.js para renderização no servidor, geração de sites estátic
 
 Para ver a lista completa de templates Next.js, [clique aqui](/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade-frameworks/nextjs/#templates-disponíveis).
 
-<LinkButton link="/pt-br/documentacao/produtos/templates/nextjs-app-configurations/." label="Comece agora" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/templates/nextjs-app-configurations/." label="Comece agora" type="primary" theme="light" />
 
 ### <i class='ai ai-vue'></i> Vue.js Boilerplate
 
 Desenvolva interfaces web responsivas e fáceis de manter com Vue.js, um framework progressivo de JavaScript reconhecido por sua simplicidade, flexibilidade e facilidade de integração — perfeito para apps modernos e escaláveis no edge.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/vue/vue-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/vue/vue-boilerplate"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ### <i class='ai ai-angular'></i> Angular Boilerplate
 
@@ -77,13 +86,13 @@ Crie aplicações web corporativas e ricas em funcionalidades com Angular, um fr
 
 Para ver a lista completa de templates Angular, [clique aqui](/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade-frameworks/angular/#templates-disponíveis).
 
-<LinkButton link="/pt-br/documentacao/produtos/templates/angular-boilerplate/." label="Comece agora" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/templates/angular-boilerplate/." label="Comece agora" type="primary" theme="light" />
 
 ### Mais frameworks 
 
 Estamos expandindo continuamente o suporte a frameworks. Clique abaixo para ver a lista completa.
 
-<LinkButton link="/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade-frameworks/" label="Ver detalhes" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade-frameworks/" label="Ver detalhes" type="primary" theme="light" />
 
 ## Precisa implementar um projeto existente?
 
@@ -121,49 +130,49 @@ azion link
 
 O Console é a interface de configuração da Azion, onde você acessa todos os produtos e suas configurações disponíveis. Permite realizar todas as tarefas na plataforma Azion, como criar Applications, configurar Functions, gerenciar regras do Firewall, definir Caching e monitorar métricas e eventos em tempo real.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/conhecendo-o-azion-console/" label="Ver detalhes" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/conhecendo-o-azion-console/" label="Ver detalhes" type="primary" theme="light" />
 
 ### Azion API
 
 A Azion API é uma API RESTful baseada em requisições HTTPS, permitindo interagir totalmente com os produtos Azion via requisições de API.
 
-<LinkButton link="https://api.azion.com/?_gl=1*kkolsv*_gcl_au*OTAxOTIzMjQ2LjE3NDc3NDYzNTkuMTk3ODMzMTk3LjE3NDg0NTUzNTYuMTc0ODQ1NjI4OQ.." label="Ver detalhes" severity="secondary" />
+<Button href="https://api.azion.com/?_gl=1*kkolsv*_gcl_au*OTAxOTIzMjQ2LjE3NDc3NDYzNTkuMTk3ODMzMTk3LjE3NDg0NTUzNTYuMTc0ODQ1NjI4OQ.." label="Ver detalhes" type="primary" theme="light" />
 
 ### Azion CLI
 
 Azion CLI é nossa interface de linha de comando [open source](https://github.com/aziontech/azion), permitindo interação com a Azion Web Platform via terminal. Com ela, você pode inicializar, construir e fazer implementações de applications, criar apps Jamstack, gerenciar projetos, rodar servidor local de desenvolvimento e vincular projetos existentes a applications Azion.
 
-<LinkButton link="/pt-br/documentacao/produtos/azion-cli/visao-geral/" label="Ver detalhes" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/azion-cli/visao-geral/" label="Ver detalhes" type="primary" theme="light" />
 
 ### Azion Lib
 
 Azion Lib são ferramentas JavaScript/TypeScript desenhadas para funcionar dentro do [Azion Runtime](/pt-br/documentacao/runtime/visao-geral/), aproveitando recursos internos para performance otimizada. Também compatível fora do runtime, acessando serviços Azion como Purge, Object Storage e Image Processor via APIs REST. Suporta modo de debug e configuração por variáveis de ambiente.
 
-<LinkButton link="/pt-br/documentacao/produtos/azion-lib/visao-geral/" label="Ver detalhes" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/azion-lib/visao-geral/" label="Ver detalhes" type="primary" theme="light" />
 
 ### Console Kit
 
 Azion Console Kit é um kit front-end para construir suas próprias interfaces do Console Azion usando Vue/Vite, Tailwind e PrimeVue. Conecta-se à Azion API, suporta multi-tenancy e personalização de temas e interface conforme as necessidades do seu negócio. O kit é organizado e de fácil manutenção.
 
-<LinkButton link="/pt-br/documentacao/devtools/console-kit/" label="Ver detalhes" severity="secondary" />
+<Button href="/pt-br/documentacao/devtools/console-kit/" label="Ver detalhes" type="primary" theme="light" />
 
 ### GraphQL API
 
 GraphQL é uma poderosa linguagem de API que permite obter dados precisos, evitando requisições excessivas e melhorando a performance. Diferente de APIs REST tradicionais, usa um endpoint único e retorna respostas JSON sob medida. Na Azion, é ideal para acessar métricas em tempo real, eventos, faturamento e dados de cobrança, permitindo monitoramento eficiente e análise avançada.
 
-<LinkButton link="/pt-br/documentacao/devtools/graphql-api/" label="Ver detalhes" severity="secondary" />
+<Button href="/pt-br/documentacao/devtools/graphql-api/" label="Ver detalhes" type="primary" theme="light" />
 
 ### SDK
 
 O SDK da Azion para Go simplifica o desenvolvimento de aplicações integradas à plataforma Azion. Permite gerenciar Applications, interagir com Object Storage, executar queries avançadas com SQL Database, automatizar tarefas e criar soluções serverless, otimizando fluxos de trabalho e produtividade para projetos de edge computing.
 
-<LinkButton link="/pt-br/documentacao/devtools/sdk/go/" label="Ver detalhes" severity="secondary" />
+<Button href="/pt-br/documentacao/devtools/sdk/go/" label="Ver detalhes" type="primary" theme="light" />
 
 ### Terraform
 
 Terraform é uma ferramenta de infraestrutura como código que facilita a gestão da infraestrutura com código reutilizável, versionado e compartilhável. O Azion Terraform Provider, disponível no Terraform Registry, utiliza o SDK da Azion para Go para acessar as APIs Azion, possibilitando gerenciar sua infraestrutura Azion localmente como código, mantendo fluxos de trabalho consistentes e otimizados.
 
-<LinkButton link="/pt-br/documentacao/produtos/terraform-provider/" label="Ver detalhes" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/terraform-provider/" label="Ver detalhes" type="primary" theme="light" />
 
 ## Encontre a solução ideal para você
 
@@ -171,37 +180,37 @@ Terraform é uma ferramenta de infraestrutura como código que facilita a gestã
 
 Construa aplicações escaláveis e com baixa latência usando edge computing e funções serverless.
 
-<LinkButton link="/pt-br/documentacao/arquiteturas/por-solucao/desenvolvimento-de-aplicacoes/" label="Ver detalhes" severity="secondary" />
+<Button href="/pt-br/documentacao/arquiteturas/por-solucao/desenvolvimento-de-aplicacoes/" label="Ver detalhes" type="primary" theme="light" />
 
 ### <i class='pi pi-server'></i> Automação de Aplicações e Infraestrutura
 
 Automatize operações para otimizar a performance das aplicações e simplificar o gerenciamento da infraestrutura.
 
-<LinkButton link="/pt-br/documentacao/arquiteturas/por-solucao/automacao-de-aplicacoes-e-infraestrutura/" label="Ver detalhes" severity="secondary" />
+<Button href="/pt-br/documentacao/arquiteturas/por-solucao/automacao-de-aplicacoes-e-infraestrutura/" label="Ver detalhes" type="primary" theme="light" />
 
 ### <i class='ai ai-edge-firewall'></i> Segurança de Aplicações e Redes
 
 Proteja aplicações e redes contra ameaças com ferramentas de segurança e observabilidade nativas de edge.
 
-<LinkButton link="/pt-br/documentacao/arquiteturas/por-solucao/seguranca-de-aplicacoes-e-redes/" label="Ver detalhes" severity="secondary" />
+<Button href="/pt-br/documentacao/arquiteturas/por-solucao/seguranca-de-aplicacoes-e-redes/" label="Ver detalhes" type="primary" theme="light" />
 
 ### <i class='pi pi-bolt'></i> Inteligência Artificial (AI)
 
 Implemente AI no edge para insights em tempo real, respostas rápidas e experiências personalizadas.
 
-<LinkButton link="/pt-br/documentacao/arquiteturas/por-solucao/inteligencia-artificial/" label="Ver detalhes" severity="secondary" />
+<Button href="/pt-br/documentacao/arquiteturas/por-solucao/inteligencia-artificial/" label="Ver detalhes" type="primary" theme="light" />
 
 ### <i class='pi pi-chart-line'></i> Performance e confiabilidade do serviço
 
 Melhore a performance das aplicações, reduza a latência e assegure a entrega confiável de serviços no edge.
 
-<LinkButton link="/pt-br/documentacao/arquiteturas/por-solucao/performance-e-confiabilidade-do-servico/" label="Ver detalhes" severity="secondary" />
+<Button href="/pt-br/documentacao/arquiteturas/por-solucao/performance-e-confiabilidade-do-servico/" label="Ver detalhes" type="primary" theme="light" />
 
 ### Veja mais
 
 Consulte todas as soluções para casos de uso.
 
-<LinkButton link="/pt-br/documentacao/arquiteturas/" label="Ver detalhes" severity="secondary" />
+<Button href="/pt-br/documentacao/arquiteturas/" label="Ver detalhes" type="primary" theme="light" />
 
 ## Escolha sua jornada
 
@@ -209,37 +218,37 @@ Consulte todas as soluções para casos de uso.
 
 Conheça a Azion Web Plataform e aprenda a utilizá-la.
 
-<LinkButton link="/pt-br/documentacao/produtos/visao-geral-da-plataforma-da-azion/" label="Ver detalhes" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/visao-geral-da-plataforma-da-azion/" label="Ver detalhes" type="primary" theme="light" />
 
 ### <i class='ai ai-build-pillar'></i> Build
 
 Construa aplicações com ferramentas e frameworks poderosos.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/build/visao-geral/" label="Ver detalhes" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/build/visao-geral/" label="Ver detalhes" type="primary" theme="light" />
 
 ### <i class='ai ai-store-pillar'></i> Store
 
 Gerencie e processe dados no edge.
 
-<LinkButton link="/pt-br/documentacao/produtos/store/visao-geral/" label="Ver detalhes" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/store/visao-geral/" label="Ver detalhes" type="primary" theme="light" />
 
 ### <i class='ai ai-secure-pillar'></i> Secure
 
 Proteja totalmente suas aplicações.
 
-<LinkButton link="/pt-br/documentacao/produtos/secure/visao-geral/" label="Ver detalhes" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/secure/visao-geral/" label="Ver detalhes" type="primary" theme="light" />
 
 ### <i class='ai ai-deploy-pillar'></i> Deploy
 
 Gerencie recursos de edge de maneira eficiente.
 
-<LinkButton link="/pt-br/documentacao/produtos/deploy/visao-geral/" label="Ver detalhes" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/deploy/visao-geral/" label="Ver detalhes" type="primary" theme="light" />
 
 ### <i class='ai ai-observe-pillar'></i> Observe
 
 Monitore e obtenha análises em tempo real.
 
-<LinkButton link="/pt-br/documentacao/produtos/observe/visao-geral/" label="Ver detalhes" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/observe/visao-geral/" label="Ver detalhes" type="primary" theme="light" />
 
 ## O que há de novo?
 
@@ -247,10 +256,10 @@ Monitore e obtenha análises em tempo real.
 
 Fique por dentro das últimas mudanças e lançamentos dos produtos e serviços Azion.
 
-<LinkButton link="/pt-br/documentacao/produtos/release-notes/" label="Ver detalhes" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/release-notes/" label="Ver detalhes" type="primary" theme="light" />
 
 ### <i class='pi pi-discord'></i> Junte-se à Comunidade
 
 Compartilhe experiências com a comunidade Azion no Discord.
 
-<LinkButton link="https://discord.com/invite/Yp9N7RMVZy" label="Join" severity="secondary" />
+<Button href="https://discord.com/invite/Yp9N7RMVZy" label="Join" type="primary" theme="light" />
diff --git a/src/content/docs/pt-br/pages/arquiteturas/bot-management/bot-management-arquitetura.mdx b/src/content/docs/pt-br/pages/arquiteturas/bot-management/bot-management-arquitetura.mdx
index cd0b59cef6..7bd3ab72ae 100644
--- a/src/content/docs/pt-br/pages/arquiteturas/bot-management/bot-management-arquitetura.mdx
+++ b/src/content/docs/pt-br/pages/arquiteturas/bot-management/bot-management-arquitetura.mdx
@@ -13,7 +13,7 @@ meta_tags: >-
 namespace: docs_arch_bot_management
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 A solução de [gerenciamento de bots da Azion](https://www.azion.com/pt-br/solucoes/gerenciamento-de-bots/) utiliza aprendizado de máquina para analisar comportamentos e intenções das requisições, distinguindo entre humanos e várias categorias de bots. Após a análise, cada requisição é pontuada e classificada, permitindo a execução de ações preventivas predefinidas com base em limites definidos pelo cliente. Essa abordagem dinâmica é aprimorada por análises contínuas de dados, possibilitando o aperfeiçoamento das regras de detecção para maior eficiência e segurança. Essa solução garante experiências de usuário perfeitas ao combater efetivamente atividades maliciosas de bots.
 
@@ -54,33 +54,63 @@ Você pode testar e implementar o Azion Bot Manager de duas maneiras:
 - Usando [Azion Templates](/pt-br/documentacao/produtos/marketplace/templates/): projetos pré-construídos e pré-configurados projetados para acelerar a implementação do gerenciamento de bots, baseados no Bot Manager Lite:
     - [Bot Manager Lite Starter Kit](/pt-br/documentacao/produtos/guias/bot-manager-lite-starter-kit/): com este template, você pode implantar um novo stack de edge e ver o Bot Manager Lite em ação. Para implantar facilmente esse template na edge, clique no botão abaixo:
 
-      <LinkButton
-        label="Implantar Bot Manager Lite Starter Kit"
-        link="https://console.azion.com/create/azion/bot-manager-lite-starter-kit"
-        icon="ai ai-azion"
-        icon-pos="left"
-        target="_blank"
-      />
+      <Button
+
+          href="https://console.azion.com/create/azion/bot-manager-lite-starter-kit"
+
+          label="Implantar Bot Manager Lite Starter Kit"
+
+          type="primary"
+
+          theme="light"
+
+          target="_blank"
+
+          icon="ai ai-azion"
+
+          icon-pos="left"
+
+        />
 
     - [Bot Manager Lite Integration Kit](/pt-br/documentacao/produtos/guias/bot-manager-lite-integration-kit/): uma maneira fácil de integrar a função do Bot Manager Lite em um firewall existente na Azion. Para implantar facilmente esse template na edge, clique no botão abaixo:
 
-    <LinkButton
-        label="Implantar Bot Manager Lite Integration Kit"
-        link="https://console.azion.com/create/azion/bot-manager-lite-integration-kit"
-        icon="ai ai-azion"
-        icon-pos="left"
-        target="_blank"
-      />
+    <Button
+
+          href="https://console.azion.com/create/azion/bot-manager-lite-integration-kit"
+
+          label="Implantar Bot Manager Lite Integration Kit"
+
+          type="primary"
+
+          theme="light"
+
+          target="_blank"
+
+          icon="ai ai-azion"
+
+          icon-pos="left"
+
+        />
 
     - [Bot Manager Lite and TOR Block Starter Kit](/pt-br/documentacao/produtos/guias/bot-manager-lite-and-tor-block-starter-kit/): implante um stack básico de segurança para proteger seus domínios de bots maliciosos e requisições de TOR Exit Nodes. Para implantar facilmente esse template na edge, clique no botão abaixo:
 
-    <LinkButton
-        label="Implantar Bot Manager Lite and TOR Block Starter Kit"
-        link="https://console.azion.com/create/azion/bot-manager-lite-and-tor-block-starter-kit"
-        icon="ai ai-azion"
-        icon-pos="left"
-        target="_blank"
-      />
+    <Button
+
+          href="https://console.azion.com/create/azion/bot-manager-lite-and-tor-block-starter-kit"
+
+          label="Implantar Bot Manager Lite and TOR Block Starter Kit"
+
+          type="primary"
+
+          theme="light"
+
+          target="_blank"
+
+          icon="ai ai-azion"
+
+          icon-pos="left"
+
+        />
 
 - Do zero: crie um stack de edge inteiro do zero, incluindo o Bot Manager. Para fazer isso:
     1. [Crie uma aplicação](/pt-br/documentacao/produtos/guias/build/criar-uma-aplicacao/).
diff --git a/src/content/docs/pt-br/pages/arquiteturas/edge-application/image-processor.mdx b/src/content/docs/pt-br/pages/arquiteturas/edge-application/image-processor.mdx
index ee62fc0b72..beb5a61b87 100644
--- a/src/content/docs/pt-br/pages/arquiteturas/edge-application/image-processor.mdx
+++ b/src/content/docs/pt-br/pages/arquiteturas/edge-application/image-processor.mdx
@@ -11,7 +11,7 @@ namespace: docs_arch_image_processing
 permalink: /documentacao/arquiteturas/edge-application/image-processor/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 O Image Processor da Azion oferece simplicidade e automação para a [gestão de recursos](https://www.azion.com/pt-br/solucoes/processamento-e-otimizacao-de-imagens/), permitindo que você reduza tempos de carregamento e custos de armazenamento. Executando em uma rede distribuída, você pode reduzir o tamanho, cortar, redimensionar e aplicar filtros em imagens para atender às suas necessidades. Tudo isso usando um único arquivo de imagem.
 
@@ -50,13 +50,23 @@ O Image Processor da Azion oferece simplicidade e automação para a [gestão de
 1. Crie uma aplicação: primeiro, você deve criar a camada de entrega de conteúdo no edge. Você pode fazer isso usando [Azion Console](https://console.azion.com), [Azion API](https://api.azion.com/#9c1cc0df-16a2-488e-8cfe-3f1238f47aeb) ou [Azion CLI](/pt-br/documentacao/produtos/azion-cli/visao-geral/).
     - Escolha o [template Image Optimization](https://console.azion.com/create/azion/image-optimization) para acelerar o processo. Para implantar facilmente esse template na edge, clique no botão abaixo:
 
-    <LinkButton
-      label="Implantar Image Optimization"
-      link="https://console.azion.com/create/azion/image-optimization"
-      icon="ai ai-azion"
-      icon-pos="left"
-      target="_blank"
-    />
+    <Button
+
+        href="https://console.azion.com/create/azion/image-optimization"
+
+        label="Implantar Image Optimization"
+
+        type="primary"
+
+        theme="light"
+
+        target="_blank"
+
+        icon="ai ai-azion"
+
+        icon-pos="left"
+
+      />
 
 2. Crie um domínio e o associe à aplicação: 
     - No [Console](https://console.azion.com), [crie um domínio](/pt-br/documentacao/produtos/guias/configurar-dominio/) usando o botão **+ Create** na barra de navegação superior.
diff --git a/src/content/docs/pt-br/pages/arquiteturas/edge-firewall/waap-arquitetura.mdx b/src/content/docs/pt-br/pages/arquiteturas/edge-firewall/waap-arquitetura.mdx
index 37cd73e68e..af639e303e 100644
--- a/src/content/docs/pt-br/pages/arquiteturas/edge-firewall/waap-arquitetura.mdx
+++ b/src/content/docs/pt-br/pages/arquiteturas/edge-firewall/waap-arquitetura.mdx
@@ -14,7 +14,7 @@ namespace: docs_arch_waap
 menu_namespace: ''
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 A [proteção de aplicações web e APIs](https://www.azion.com/pt-br/solucoes/waap/) (*Web Application and API Protection, WAAP*) da Azion proporciona mecanismos de defesa robustos contra ameaças cibernéticas como o OWASP Top 10, ataques sofisticados de dia zero e atividades automatizadas de bots. Esta plataforma garante a segurança e disponibilidade ininterrupta de aplicações web e APIs ao empregar uma ampla gama de recursos de segurança integrados que analisam e gerenciam meticulosamente as requisições recebidas para proteger contra diversos tipos de ataques.
 
@@ -56,13 +56,23 @@ Esta solução é ideal para organizações que buscam proteger sua infraestrutu
 - Crie uma aplicação usando uma das opções recomendadas:
     - [O template Dynamic and Static File Optimization](/pt-br/documentacao/produtos/guias/dynamic-static-file-optimization-template/). Para implantar facilmente esse template na edge, clique no botão abaixo:
 
-    <LinkButton
-      label="Implantar Dynamic and Static File Optimization"
-      link="https://console.azion.com/create/azion/dynamic-and-static-file-optimization"
-      icon="ai ai-azion"
-      icon-pos="left"
-      target="_blank"
-    />
+    <Button
+
+        href="https://console.azion.com/create/azion/dynamic-and-static-file-optimization"
+
+        label="Implantar Dynamic and Static File Optimization"
+
+        type="primary"
+
+        theme="light"
+
+        target="_blank"
+
+        icon="ai ai-azion"
+
+        icon-pos="left"
+
+      />
 
     - [A API da Azion](https://api.azion.com/#9c1cc0df-16a2-488e-8cfe-3f1238f47aeb).
     - [A CLI da Azion](/pt-br/documentacao/produtos/azion-cli/visao-geral/).
diff --git a/src/content/docs/pt-br/pages/arquiteturas/security-modernization/security-modernization-com-edge-computing.mdx b/src/content/docs/pt-br/pages/arquiteturas/security-modernization/security-modernization-com-edge-computing.mdx
index c4490329c0..fa7e41dd68 100644
--- a/src/content/docs/pt-br/pages/arquiteturas/security-modernization/security-modernization-com-edge-computing.mdx
+++ b/src/content/docs/pt-br/pages/arquiteturas/security-modernization/security-modernization-com-edge-computing.mdx
@@ -14,7 +14,7 @@ namespace: docs_arch_security_modernization_with_edge
 menu_namespace: ''
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 Os recursos de edge computing podem lhe ajudar a [proteger suas aplicações e seu conteúdo](https://www.azion.com/pt-br/solucoes/modernizacao-de-seguranca/), beneficiando-se de uma lógica moderna que requer gerenciamento mínimo e produtos de observabilidade para monitorar requisições enquanto se concentra em seus principais objetivos de negócios.
 
@@ -58,13 +58,23 @@ Este caso de uso é ideal para organizações que buscam construir uma forte pre
 1. Crie uma aplicação usando uma das opções recomendadas:
 - [O template Dynamic and Static File Optimization](/pt-br/documentacao/produtos/guias/dynamic-static-file-optimization-template/). Para implantar facilmente esse template na edge, clique no botão abaixo:
 
-  <LinkButton
-      label="Implntar Dynamic and Static File Optimization"
-      link="https://console.azion.com/create/azion/dynamic-and-static-file-optimization"
-      icon="ai ai-azion"
-      icon-pos="left"
-      target="_blank"
-    />
+  <Button
+
+        href="https://console.azion.com/create/azion/dynamic-and-static-file-optimization"
+
+        label="Implntar Dynamic and Static File Optimization"
+
+        type="primary"
+
+        theme="light"
+
+        target="_blank"
+
+        icon="ai ai-azion"
+
+        icon-pos="left"
+
+      />
 
 - [A API da Azion](https://api.azion.com/#9c1cc0df-16a2-488e-8cfe-3f1238f47aeb)
 - [A Azion CLI](/pt-br/documentacao/produtos/azion-cli/visao-geral/)
diff --git a/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/devtools/local-dev.mdx b/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/devtools/local-dev.mdx
index 25678e35da..8f9acc78dd 100644
--- a/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/devtools/local-dev.mdx
+++ b/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/devtools/local-dev.mdx
@@ -11,9 +11,9 @@ meta_tags: >-
 namespace: documentation_dev_with_azion_local_dev
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/azion-cli/dev-comando/" label="vá para a documentação de referência do comando dev" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/azion-cli/dev-comando/" label="vá para a documentação de referência do comando dev" type="primary" theme="light" />
 
 No cenário em rápida evolução da computação no edge, a capacidade de desenvolver e testar aplicações localmente é crucial para fluxos de trabalho de desenvolvimento eficientes e eficazes.
 
diff --git a/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/devtools/tools-cli.mdx b/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/devtools/tools-cli.mdx
index 0a61938234..a491192596 100644
--- a/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/devtools/tools-cli.mdx
+++ b/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/devtools/tools-cli.mdx
@@ -11,9 +11,9 @@ meta_tags: >-
   React, personalização de CLI
 namespace: documentation_dev_with_azion_cli
 ---
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/azion-cli/visao-geral/" label="vá para a documentação de referência da Azion CLI" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/azion-cli/visao-geral/" label="vá para a documentação de referência da Azion CLI" type="primary" theme="light" />
 
 A **Azion CLI** é uma forma amigável de trabalhar com a Azion Web Platform, permitindo que você crie e gerencie aplicações por meio de comandos simples. Ela permite que você inicialize, construa e implante projetos em vários frameworks, tais como:
 
diff --git a/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/devtools/tools-code-editor.mdx b/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/devtools/tools-code-editor.mdx
index 884b7a75ec..f1d7f71ce6 100644
--- a/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/devtools/tools-code-editor.mdx
+++ b/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/devtools/tools-code-editor.mdx
@@ -10,9 +10,9 @@ meta_tags: >-
 namespace: documentation_dev_with_azion_code_editor
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/edge-application/edge-functions/runtime-api/code-editor/" label="vá para a documentação de referência do editor de código" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/edge-application/edge-functions/runtime-api/code-editor/" label="vá para a documentação de referência do editor de código" type="primary" theme="light" target="_blank" />
 
 O editor de código da Azion para functions é amigável ao usuário e baseado no editor de código Monaco, conhecido através do VS Code, o que torna fácil para aqueles familiarizados com o VS Code se adaptarem.
 
diff --git a/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/devtools/tools-go.mdx b/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/devtools/tools-go.mdx
index 539c84a06a..f39540fe37 100644
--- a/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/devtools/tools-go.mdx
+++ b/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/devtools/tools-go.mdx
@@ -11,9 +11,9 @@ meta_tags: >-
 namespace: documentation_dev_with_azion_sdk_go
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/devtools/sdk/go/" label="vá para a documentação de referência do SDK Go" severity="secondary" />
+<Button href="/pt-br/documentacao/devtools/sdk/go/" label="vá para a documentação de referência do SDK Go" type="primary" theme="light" />
 
 O SDK da Azion para Go é um conjunto de ferramentas para desenvolvedores que simplifica o processo de interação com os serviços de API da Azion ao desenvolver aplicações na linguagem de programação Go.
 
diff --git a/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/devtools/tools-runtime.mdx b/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/devtools/tools-runtime.mdx
index 22edfa084c..60578665a1 100644
--- a/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/devtools/tools-runtime.mdx
+++ b/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/devtools/tools-runtime.mdx
@@ -12,9 +12,9 @@ meta_tags: >-
 namespace: documentation_dev_with_azion_runtime
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/runtime/visao-geral/" label="vá para a documentação de referência do azion runtime" severity="secondary" />
+<Button href="/pt-br/documentacao/runtime/visao-geral/" label="vá para a documentação de referência do azion runtime" type="primary" theme="light" />
 
 O **Azion Runtime** é um conjunto de ferramentas para criar aplicações rápidas e responsivas que rodam próximas aos usuários.
 
diff --git a/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/devtools/tools-terraform.mdx b/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/devtools/tools-terraform.mdx
index 2fc2c95790..bb68f1134f 100644
--- a/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/devtools/tools-terraform.mdx
+++ b/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/devtools/tools-terraform.mdx
@@ -12,9 +12,9 @@ meta_tags: >-
 namespace: documentation_dev_with_azion_terraform
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/terraform-provider/" label="vá para a documentação de referência do Azion Terraform Provider" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/terraform-provider/" label="vá para a documentação de referência do Azion Terraform Provider" type="primary" theme="light" />
 
 **Azion Terraform Provider** é uma ferramenta poderosa que se integra perfeitamente ao Terraform, a principal plataforma de infraestrutura como código (IaC).
 
diff --git a/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/guias-frameworks/framework-next.mdx b/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/guias-frameworks/framework-next.mdx
index 4f54f44c74..70bf5cf30d 100644
--- a/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/guias-frameworks/framework-next.mdx
+++ b/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/guias-frameworks/framework-next.mdx
@@ -12,7 +12,7 @@ namespace: docs_framework_next
 menu_namespace: cliMenuAlpha
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 O Next.js é um framework React flexível que permite a criação de aplicações web full-stack de alto desempenho.
 
@@ -157,6 +157,6 @@ Aguarde alguns minutos para que a propagação ocorra e, em seguida, acesse a su
 
 ## Compatibilidade
 
-<LinkButton link="/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade-frameworks/" label="saiba mais sobre os Web frameworks suportados" severity="secondary" target="_blank" />
-<LinkButton link="/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade/node/" label="saiba mais sobre o suporte ao Node.js" severity="secondary" target="_blank" />
-<LinkButton link="/pt-br/documentacao/produtos/edge-application/edge-functions/runtime-apis/javascript/" label="saiba mais sobre as Web APIs suportadas" severity="secondary" target="blank" />
+<Button href="/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade-frameworks/" label="saiba mais sobre os Web frameworks suportados" type="primary" theme="light" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade/node/" label="saiba mais sobre o suporte ao Node.js" type="primary" theme="light" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/edge-application/edge-functions/runtime-apis/javascript/" label="saiba mais sobre as Web APIs suportadas" type="primary" theme="light" target="blank" />
diff --git a/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/guias-frameworks/framework-overview.mdx b/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/guias-frameworks/framework-overview.mdx
index 86c29c78dd..17baf69c44 100644
--- a/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/guias-frameworks/framework-overview.mdx
+++ b/src/content/docs/pt-br/pages/build-jornada/desenvolva-com-azion/guias-frameworks/framework-overview.mdx
@@ -11,7 +11,7 @@ meta_tags: >-
 namespace: docs_framework_overview
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 
 A arquitetura **Jamstack** no edge emergiu como um paradigma revolucionário, combinando o poder da computação serverless com a eficiência das edge locations. Em sua essência, o Jamstack, que significa JavaScript, APIs e Markup, descentraliza as funções tradicionais do servidor da web, aproximando-as do usuário. Essa mudança não apenas acelera o carregamento de sites, mas também melhora a segurança e escalabilidade.
@@ -37,8 +37,8 @@ A tabela a seguir apresenta *alguns* dos frameworks que estão adaptados para o
 Você pode conferir a lista completa de frameworks suportados e algumas informações adicionais nos links a seguir:
 :::
 
-<LinkButton link="/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade-frameworks/" label="saiba mais sobre os Web frameworks suportados" severity="secondary" target="_blank" />
-<LinkButton link="/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade/node/" label="saiba mais sobre o suporte ao Node.js" severity="secondary" target="_blank" />
-<LinkButton link="/pt-br/documentacao/produtos/edge-application/edge-functions/runtime-apis/javascript/" label="saiba mais sobre as Web APIs suportadas" severity="secondary" target="blank" />
+<Button href="/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade-frameworks/" label="saiba mais sobre os Web frameworks suportados" type="primary" theme="light" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade/node/" label="saiba mais sobre o suporte ao Node.js" type="primary" theme="light" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/edge-application/edge-functions/runtime-apis/javascript/" label="saiba mais sobre as Web APIs suportadas" type="primary" theme="light" target="blank" />
 
 <br />
\ No newline at end of file
diff --git a/src/content/docs/pt-br/pages/build-jornada/trabalhe-com-dados/environment-variables.mdx b/src/content/docs/pt-br/pages/build-jornada/trabalhe-com-dados/environment-variables.mdx
index 12e4ac4789..155818aa17 100644
--- a/src/content/docs/pt-br/pages/build-jornada/trabalhe-com-dados/environment-variables.mdx
+++ b/src/content/docs/pt-br/pages/build-jornada/trabalhe-com-dados/environment-variables.mdx
@@ -9,9 +9,9 @@ namespace: documentation_build_data_env_vars
 permalink: /documentacao/produtos/build/environment-variables/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/edge-application/edge-functions/runtime/api-reference/environment-variables/" label="referência de API" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/edge-application/edge-functions/runtime/api-reference/environment-variables/" label="referência de API" type="primary" theme="light" />
 
 
 Variáveis de ambiente são um aspecto crucial do desenvolvimento e implantação de software. Elas são usadas para armazenar informações sensíveis ou configurações que não devem ser codificadas diretamente no código-fonte.
diff --git a/src/content/docs/pt-br/pages/build-jornada/troubleshoot/debug-apps.mdx b/src/content/docs/pt-br/pages/build-jornada/troubleshoot/debug-apps.mdx
index 69960be4e2..1490d15249 100644
--- a/src/content/docs/pt-br/pages/build-jornada/troubleshoot/debug-apps.mdx
+++ b/src/content/docs/pt-br/pages/build-jornada/troubleshoot/debug-apps.mdx
@@ -11,7 +11,7 @@ meta_tags: >-
 namespace: docs_build_debug_apps
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 O processo de debugging permite verificar se as regras, as mensagens e as variáveis que você criou estão funcionando corretamente. Ao debugar constantemente uma application ou uma function, você melhora seu processo de monitoramento e pode identificar erros e ir corrigi-los.
 
@@ -22,7 +22,7 @@ O processo de debugging permite verificar se as regras, as mensagens e as variá
 
 Para debugar suas regras de application:
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/debug-regras/" label="debug de regras criadas com rules engine" severity="secondary" /> <br></br>
+<Button href="/pt-br/documentacao/produtos/guias/debug-regras/" label="debug de regras criadas com rules engine" type="primary" theme="light" /> <br></br>
 
 ---
 
@@ -30,9 +30,9 @@ Para debugar suas regras de application:
 
 Para debugar suas functions:
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/debugging-functions-data-stream/" label="debug de functions no Data Stream" severity="secondary" /> <br></br>
+<Button href="/pt-br/documentacao/produtos/guias/debugging-functions-data-stream/" label="debug de functions no Data Stream" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/debugging-functions-graphql/" label="debug de functions usando a api graphql⁠" severity="secondary" /> <br></br>
+<Button href="/pt-br/documentacao/produtos/guias/debugging-functions-graphql/" label="debug de functions usando a api graphql⁠" type="primary" theme="light" /> <br></br>
 
 
 
diff --git a/src/content/docs/pt-br/pages/build-jornada/troubleshoot/monitorar-metricas.mdx b/src/content/docs/pt-br/pages/build-jornada/troubleshoot/monitorar-metricas.mdx
index 1a0f812a43..92a65afa0c 100644
--- a/src/content/docs/pt-br/pages/build-jornada/troubleshoot/monitorar-metricas.mdx
+++ b/src/content/docs/pt-br/pages/build-jornada/troubleshoot/monitorar-metricas.mdx
@@ -8,7 +8,7 @@ namespace: docs_build_understanding_metrics
 permalink: /documentacao/produtos/build/troubleshooting/monitorar-metricas/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Depois de criar applications, você também conta com os produtos de [Observe](/pt-br/documentacao/produtos/observe/) para monitorar os comportamentos e o desempenho delas.
 
@@ -22,11 +22,11 @@ Depois de criar applications, você também conta com os produtos de [Observe](/
 
 Para monitorar o desempenho, os comportamentos e os acessos de suas applications:
 
-<LinkButton link="/pt-br/documentacao/produtos/observe/real-time-metrics/#edge-applications" label="ver métricas agregadas" severity="secondary" /> <br></br>
+<Button href="/pt-br/documentacao/produtos/observe/real-time-metrics/#edge-applications" label="ver métricas agregadas" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/pt-br/documentacao/devtools/graphql-api/recursos/#conjuntos-de-dados" label="consultar dados" severity="secondary" /> <br></br>
+<Button href="/pt-br/documentacao/devtools/graphql-api/recursos/#conjuntos-de-dados" label="consultar dados" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/pt-br/documentacao/produtos/observe/real-time-events/#edge-applications" label="ver dados brutos" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/observe/real-time-events/#edge-applications" label="ver dados brutos" type="primary" theme="light" />
 
 ---
 
@@ -34,11 +34,11 @@ Para monitorar o desempenho, os comportamentos e os acessos de suas applications
 
 Para monitorar as invocações, o desempenho e os acessos das suas functions:
 
-<LinkButton link="/pt-br/documentacao/produtos/observe/real-time-metrics/#edge-functions" label="ver métricas agregadas" severity="secondary" /> <br></br>
+<Button href="/pt-br/documentacao/produtos/observe/real-time-metrics/#edge-functions" label="ver métricas agregadas" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/pt-br/documentacao/devtools/graphql-api/recursos/#conjuntos-de-dados" label="consultar dados" severity="secondary" /> <br></br>
+<Button href="/pt-br/documentacao/devtools/graphql-api/recursos/#conjuntos-de-dados" label="consultar dados" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/pt-br/documentacao/produtos/observe/real-time-events/#edge-functions" label="ver dados brutos" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/observe/real-time-events/#edge-functions" label="ver dados brutos" type="primary" theme="light" />
 
 
 
diff --git a/src/content/docs/pt-br/pages/build-jornada/visao-geral/visao-geral.mdx b/src/content/docs/pt-br/pages/build-jornada/visao-geral/visao-geral.mdx
index 885e205473..01508faca2 100644
--- a/src/content/docs/pt-br/pages/build-jornada/visao-geral/visao-geral.mdx
+++ b/src/content/docs/pt-br/pages/build-jornada/visao-geral/visao-geral.mdx
@@ -9,7 +9,7 @@ og_image: ''
 permalink: /documentacao/produtos/guias/build/visao-geral/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Os produtos Build da Azion são o seu ponto de partida para utilizar o poder do edge computing em suas aplicações.
 
@@ -19,7 +19,7 @@ Os produtos Build da Azion são o seu ponto de partida para utilizar o poder do
 
 Quando você [cria uma application](/pt-br/documentacao/produtos/comecar-com-um-template/), você determina a origem do seu conteúdo e configura o domínio que será usado para entregar sua application aos usuários finais.
 
-<LinkButton link="/pt-br/documentacao/produtos/edge-application/" severity="secondary" label="Ir para a documentação de Applications" />
+<Button href="/pt-br/documentacao/produtos/edge-application/" label="Ir para a documentação de Applications" type="primary" theme="light" />
 
 Através da arquitetura de proxy reverso, o edge processa as solicitações do usuário e mantém os dados em cache, descentralizando o armazenamento de objetos e otimizando as taxas e eficiência de transferência de dados. Essa escalabilidade permite que você se adapte ao crescimento da demanda de tráfego sem sobrecarregar sua infraestrutura, reduzindo também os custos de manutenção.
 
diff --git a/src/content/docs/pt-br/pages/deploy-jornada/automatizar/automatizar-api/automate-api.mdx b/src/content/docs/pt-br/pages/deploy-jornada/automatizar/automatizar-api/automate-api.mdx
index 5bedfbb9de..6369d02fe7 100644
--- a/src/content/docs/pt-br/pages/deploy-jornada/automatizar/automatizar-api/automate-api.mdx
+++ b/src/content/docs/pt-br/pages/deploy-jornada/automatizar/automatizar-api/automate-api.mdx
@@ -10,13 +10,13 @@ meta_tags: >-
 namespace: docs_deploy_automate_azion_api
 menu_namespace: deployMenu
 ---
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 A Azion fornece uma documentação de API focada na experiência do desenvolvedor, diminuindo a distância entre a teoria e a execução quando se trata de automatizar o gerenciamento de produtos e recursos na plataforma.
 
-<LinkButton link="https://api.azion.com/#12baf375-02a9-4226-be70-3ee700fb5195" label="API de Credenciais" severity="secondary" /><br/>
-<LinkButton link="https://api.azion.com/#75d2b32f-fb8a-47d8-bbbd-32c2e8650ba4" label="API de Edge Nodes" severity="secondary" /><br/>
-<LinkButton link="https://api.azion.com/#bf784c09-a9f6-4b95-bd4d-1b8cb4fc017e" label="API de Edge Services" severity="secondary" />
+<Button href="https://api.azion.com/#12baf375-02a9-4226-be70-3ee700fb5195" label="API de Credenciais" type="primary" theme="light" /><br/>
+<Button href="https://api.azion.com/#75d2b32f-fb8a-47d8-bbbd-32c2e8650ba4" label="API de Edge Nodes" type="primary" theme="light" /><br/>
+<Button href="https://api.azion.com/#bf784c09-a9f6-4b95-bd4d-1b8cb4fc017e" label="API de Edge Services" type="primary" theme="light" />
 
 Confira a [documentação da API da Azion](https://api.azion.com/) e a [especificação OpenAPI](https://github.com/aziontech/azionapi-openapi/) para saber mais sobre todos os recursos disponíveis via API.
 
diff --git a/src/content/docs/pt-br/pages/deploy-jornada/automatizar/zero-touch-provisioning/zero-touch-provisioning.mdx b/src/content/docs/pt-br/pages/deploy-jornada/automatizar/zero-touch-provisioning/zero-touch-provisioning.mdx
index 1177f00f8d..6022a6b793 100644
--- a/src/content/docs/pt-br/pages/deploy-jornada/automatizar/zero-touch-provisioning/zero-touch-provisioning.mdx
+++ b/src/content/docs/pt-br/pages/deploy-jornada/automatizar/zero-touch-provisioning/zero-touch-provisioning.mdx
@@ -13,12 +13,12 @@ namespace: docs_deploy_automate_zero_touch_provisioning
 menu_namespace: deployMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 [Azion Orchestrator](/pt-br/documentacao/produtos/deploy/edge-orchestrator/) é um serviço de orquestração de gerenciamento de nuvem programável e extensível e *zero-touch provisioning* construído especificamente para infraestruturas e applications.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/deploy/instalar-orchestrator-agent/" label="ir para como instalar o Orchestrator agent" severity="secondary" target="_blank" />
-<LinkButton link="/pt-br/documentacao/produtos/guias/deploy/autorizar-edge-node/" label="ir para como autorizar um edge node" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/guias/deploy/instalar-orchestrator-agent/" label="ir para como instalar o Orchestrator agent" type="primary" theme="light" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/guias/deploy/autorizar-edge-node/" label="ir para como autorizar um edge node" type="primary" theme="light" target="_blank" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/deploy-jornada/avancado/explorar-uso/explorar-uso.mdx b/src/content/docs/pt-br/pages/deploy-jornada/avancado/explorar-uso/explorar-uso.mdx
index 7b07baa4a1..2f8a6c494d 100644
--- a/src/content/docs/pt-br/pages/deploy-jornada/avancado/explorar-uso/explorar-uso.mdx
+++ b/src/content/docs/pt-br/pages/deploy-jornada/avancado/explorar-uso/explorar-uso.mdx
@@ -12,7 +12,7 @@ namespace: docs_deploy_explore_usage
 menu_namespace: deployMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 O [Orchestrator](/pt-br/documentacao/produtos/deploy/edge-orchestrator/) funciona baseado em um agente. Este agente é instalado no seu dispositivo, tornando o seu dispositivo, a partir deste momento, um edge node que [deve ser autorizado](/pt-br/documentacao/produtos/guias/deploy/autorizar-edge-node/) antes de iniciar a orquestração.
 
@@ -24,7 +24,7 @@ A lista de comandos inclui:
 - Ajuda com comandos gerais.
 - Status da execução do agente.
 
-<LinkButton link="/pt-br/documentacao/produtos/deploy/edge-orchestrator/edge-node/#comandos-e-opcoes-do-agente" label="ir para a referência de comandos do agente do Orchestrator" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/deploy/edge-orchestrator/edge-node/#comandos-e-opcoes-do-agente" label="ir para a referência de comandos do agente do Orchestrator" type="primary" theme="light" target="_blank" />
 
 Você pode [verificar os logs](/pt-br/documentacao/produtos/guias/deploy/verificar-logs/) relacionados à execução dos edge nodes acessando o arquivo `/var/log/azion/edge-orchestrator.log` e aos edge services em `/var/log/azion/edge-services.log`.
 
diff --git a/src/content/docs/pt-br/pages/deploy-jornada/avancado/rodar-scripts/rodar-scripts.mdx b/src/content/docs/pt-br/pages/deploy-jornada/avancado/rodar-scripts/rodar-scripts.mdx
index 54fd5120e3..dabe11a93e 100644
--- a/src/content/docs/pt-br/pages/deploy-jornada/avancado/rodar-scripts/rodar-scripts.mdx
+++ b/src/content/docs/pt-br/pages/deploy-jornada/avancado/rodar-scripts/rodar-scripts.mdx
@@ -12,7 +12,7 @@ namespace: docs_deploy_run_scripts_edge_node
 menu_namespace: deployMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 import Code from '~/components/Code/Code.astro'
 
@@ -27,8 +27,8 @@ Este guia apresenta como instalar a [Azion CLI](/pt-br/documentacao/produtos/azi
 - Um edge node com o **Orchestrator Agent** instalado e autorizado.
 - O gerenciador de pacotes Dpkg instalado neste edge node.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/deploy/instalar-orchestrator-agent/" label="ir para como instalar o agente de orquestração de borda" severity="secondary" target="_blank" />
-<LinkButton link="/pt-br/documentacao/produtos/guias/deploy/autorizar-edge-node/" label="ir para como autorizar um edge node" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/guias/deploy/instalar-orchestrator-agent/" label="ir para como instalar o agente de orquestração de borda" type="primary" theme="light" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/guias/deploy/autorizar-edge-node/" label="ir para como autorizar um edge node" type="primary" theme="light" target="_blank" />
 
 :::note
 Você pode encontrar os links para download das respectivas arquiteturas na [página de lançamentos da Azion CLI](https://github.com/aziontech/azion/releases). Ao acessar a página, você deve escolher o link de download correto com base na arquitetura do seu dispositivo (edge node) e substituir a variável `BINARY_URL` no script pela URL correta.
diff --git a/src/content/docs/pt-br/pages/deploy-jornada/configurar-node/autorizar-node/autorizar-node.mdx b/src/content/docs/pt-br/pages/deploy-jornada/configurar-node/autorizar-node/autorizar-node.mdx
index 03951314e7..f657a3f6a5 100644
--- a/src/content/docs/pt-br/pages/deploy-jornada/configurar-node/autorizar-node/autorizar-node.mdx
+++ b/src/content/docs/pt-br/pages/deploy-jornada/configurar-node/autorizar-node/autorizar-node.mdx
@@ -11,7 +11,7 @@ namespace: docs_deploy_authorize_node
 menu_namespace: deployMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 
 
@@ -20,7 +20,7 @@ Se você já instalou o [Azion Orchestrator Agent]() no seu dispositivo, o próx
 - [Azion Console](/pt-br/documentacao/produtos/guias/como-acessar-o-azion-console/)
 - [API Azion](https://api.azion.com)
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/deploy/instalar-orchestrator-agent/" label="instalar o orchestrator agent" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/deploy/instalar-orchestrator-agent/" label="instalar o orchestrator agent" type="primary" theme="light" />
 
 <Tabs client:visible>
     <Fragment slot="tab.console">Console</Fragment>
diff --git a/src/content/docs/pt-br/pages/deploy-jornada/configurar-node/instalar-orch-agent/instalar-orch-agent.mdx b/src/content/docs/pt-br/pages/deploy-jornada/configurar-node/instalar-orch-agent/instalar-orch-agent.mdx
index d089f45273..d9cdc22a9e 100644
--- a/src/content/docs/pt-br/pages/deploy-jornada/configurar-node/instalar-orch-agent/instalar-orch-agent.mdx
+++ b/src/content/docs/pt-br/pages/deploy-jornada/configurar-node/instalar-orch-agent/instalar-orch-agent.mdx
@@ -12,14 +12,14 @@ namespace: docs_deploy_install_agent
 menu_namespace: deployMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 :::note
 Antes de instalar o agente, é necessário gerar um personal token.
 :::
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/personal-tokens/" label="consulte o guia de criação de personal tokens" severity="secondary" />
-<LinkButton link="/pt-br/documentacao/produtos/gestao-de-contas/personal-tokens/" label="saiba mais sobre personal tokens" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/guias/personal-tokens/" label="consulte o guia de criação de personal tokens" type="primary" theme="light" />
+<Button href="/pt-br/documentacao/produtos/gestao-de-contas/personal-tokens/" label="saiba mais sobre personal tokens" type="primary" theme="light" target="_blank" />
 
 Para iniciar o processo de instalação do edge node, você deve baixar o binário de instalação do **Orchestrator** de sua escolha.
 
diff --git a/src/content/docs/pt-br/pages/deploy-jornada/configurar-node/logs/watch-logs.mdx b/src/content/docs/pt-br/pages/deploy-jornada/configurar-node/logs/watch-logs.mdx
index 36b6df811c..ee5b9e2b55 100644
--- a/src/content/docs/pt-br/pages/deploy-jornada/configurar-node/logs/watch-logs.mdx
+++ b/src/content/docs/pt-br/pages/deploy-jornada/configurar-node/logs/watch-logs.mdx
@@ -11,7 +11,7 @@ namespace: docs_deploy_watch_logs
 menu_namespace: deployMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Após a instalação do **Orchestrator Agent**, você pode verificar os [logs do seu edge node](#verifique-os-logs-do-edge-node) e os [logs dos triggers dos edge services](#verifique-os-logs-dos-edge-services).
 
diff --git a/src/content/docs/pt-br/pages/deploy-jornada/configurar-node/provisionar-arquivos/provisionar-arquivos.mdx b/src/content/docs/pt-br/pages/deploy-jornada/configurar-node/provisionar-arquivos/provisionar-arquivos.mdx
index 89e9a52388..6245335b84 100644
--- a/src/content/docs/pt-br/pages/deploy-jornada/configurar-node/provisionar-arquivos/provisionar-arquivos.mdx
+++ b/src/content/docs/pt-br/pages/deploy-jornada/configurar-node/provisionar-arquivos/provisionar-arquivos.mdx
@@ -91,6 +91,6 @@ Confira a [documentação da API Azion]() e a especificação [OpenAPI]() para s
 
 </Tabs>
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/deploy/trabalhar-com-variaveis/" label="ir para o guia de trabalho com variáveis" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/guias/deploy/trabalhar-com-variaveis/" label="ir para o guia de trabalho com variáveis" type="primary" theme="light" target="_blank" />
diff --git a/src/content/docs/pt-br/pages/deploy-jornada/configurar-node/vincular-service/vincular-service.mdx b/src/content/docs/pt-br/pages/deploy-jornada/configurar-node/vincular-service/vincular-service.mdx
index 2515eebe2a..01c7897e10 100644
--- a/src/content/docs/pt-br/pages/deploy-jornada/configurar-node/vincular-service/vincular-service.mdx
+++ b/src/content/docs/pt-br/pages/deploy-jornada/configurar-node/vincular-service/vincular-service.mdx
@@ -11,13 +11,13 @@ namespace: docs_deploy_bind_service
 menu_namespace: deployMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 
 
 **Edge Services** permite que serviços orquestrados sejam gerenciados em seus próprios edge nodes. Para isso, você deve ter um edge service criado e vinculá-lo a um edge node.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/deploy/criar-edge-service/" label="ir para o guia de como criar um edge service" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/guias/deploy/criar-edge-service/" label="ir para o guia de como criar um edge service" type="primary" theme="light" target="_blank" />
 
 Você pode criar uma relação entre um edge node e um edge service usando:
 
diff --git a/src/content/docs/pt-br/pages/deploy-jornada/deploy-service/deploy-service.mdx b/src/content/docs/pt-br/pages/deploy-jornada/deploy-service/deploy-service.mdx
index eda29ca730..326cb77e04 100644
--- a/src/content/docs/pt-br/pages/deploy-jornada/deploy-service/deploy-service.mdx
+++ b/src/content/docs/pt-br/pages/deploy-jornada/deploy-service/deploy-service.mdx
@@ -12,7 +12,7 @@ namespace: docs_deploy_deploy_service
 menu_namespace: deployMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 
 **Orchestrator** permite que você gerencie e controle recursos de edge em tempo real, incluindo a implantação, atualização e gerenciamento de vários serviços e recursos.
@@ -26,7 +26,7 @@ A Azion oferece duas maneiras de gerenciar edge nodes, edge services e recursos:
 A criação de um edge node acontece diretamente nos dispositivos quando o [Orchestrator Agent](/pt-br/documentacao/produtos/guias/deploy/instalar-orchestrator-agent/) é instalado neles.
 :::
 
-<LinkButton link="/pt-br/documentacao/produtos/deploy/edge-orchestrator/" label="saiba mais sobre Orchestrator" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/deploy/edge-orchestrator/" label="saiba mais sobre Orchestrator" type="primary" theme="light" />
 
 ---
 
@@ -34,7 +34,7 @@ A criação de um edge node acontece diretamente nos dispositivos quando o [Orch
 
 Para criar um edge service, você precisa dar a ele um nome fácil de lembrar.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/deploy/criar-edge-service/" label="consulte o guia para criar um edge service" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/deploy/criar-edge-service/" label="consulte o guia para criar um edge service" type="primary" theme="light" />
 
 ---
 
@@ -48,7 +48,7 @@ Para criar um recurso, você precisa:
 - Escolher o `content-type` do recurso. Exemplo: `text` e `shell-script`.
 - Inserir o conteúdo do recurso.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/deploy/provisionar-arquivos/" label="consulte o guia para criar um edge service resource" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/deploy/provisionar-arquivos/" label="consulte o guia para criar um edge service resource" type="primary" theme="light" />
 
 ---
 
@@ -62,7 +62,7 @@ Para fazer isso:
 - Escreva uma descrição.
 - Defina o tempo de expiração do token.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/personal-tokens/" label="consulte o guia de criação de personal tokens" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/personal-tokens/" label="consulte o guia de criação de personal tokens" type="primary" theme="light" />
 
 ---
 
@@ -70,7 +70,7 @@ Para fazer isso:
 
 Com o personal token criado, baixe e instale o Agente do Orchestrator.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/deploy/instalar-orchestrator-agent/" label="consulte o guia de instalação do Orchestrator Agent" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/deploy/instalar-orchestrator-agent/" label="consulte o guia de instalação do Orchestrator Agent" type="primary" theme="light" />
 
 ---
 
@@ -78,9 +78,9 @@ Com o personal token criado, baixe e instale o Agente do Orchestrator.
 
 Com o Agente do Orchestrator instalado no dispositivo, autorize o edge node.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/deploy/autorizar-edge-node/" label="consulte o guia para autorizar um edge node" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/deploy/autorizar-edge-node/" label="consulte o guia para autorizar um edge node" type="primary" theme="light" />
 <br/>
-<LinkButton link="/pt-br/documentacao/produtos/deploy/edge-orchestrator/edge-node/" label="saiba mais sobre edge nodes" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/deploy/edge-orchestrator/edge-node/" label="saiba mais sobre edge nodes" type="primary" theme="light" />
 
 ---
 
@@ -88,7 +88,7 @@ Com o Agente do Orchestrator instalado no dispositivo, autorize o edge node.
 
 Agora, com o edge node criado e autorizado, você deve vinculá-lo a um edge service a ser implantado no edge node.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/deploy/vincular-servico/" label="consulte o guia para vincular um edge service a um edge node" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/deploy/vincular-servico/" label="consulte o guia para vincular um edge service a um edge node" type="primary" theme="light" />
 
 Uma vez que essa relação estiver estabelecida, quando uma atualização for acionada nos edge services, ela será implantada em todos os nodes relacionados a este serviço em particular.
 
diff --git a/src/content/docs/pt-br/pages/deploy-jornada/overview/overview.mdx b/src/content/docs/pt-br/pages/deploy-jornada/overview/overview.mdx
index 4b0f766364..038a23e6c1 100644
--- a/src/content/docs/pt-br/pages/deploy-jornada/overview/overview.mdx
+++ b/src/content/docs/pt-br/pages/deploy-jornada/overview/overview.mdx
@@ -10,7 +10,7 @@ og_image: ''
 permalink: /documentacao/produtos/deploy/visao-geral/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Os produtos de **Deploy** da Azion são projetados para aumentar a eficiência no gerenciamento de recursos no edge em tempo real.
 
@@ -28,8 +28,8 @@ Um agente do Orchestrator é instalado nos edge nodes e fornece gerenciamento re
 Quando o Agente do Azion Orchestrator é instalado em um dispositivo e o dispositivo é autorizado, ele agora representa um edge node. Um serviço pode ser vinculado a vários edge nodes. Quando um serviço é atualizado, ele será automaticamente implantado nos edge nodes aos quais está relacionado.
 :::
 
-<LinkButton link="/pt-br/documentacao/produtos/deploy/edge-orchestrator/" label="saiba mais sobre o Orchestrator" severity="secondary" target="_blank" />
-<LinkButton link="/pt-br/documentacao/produtos/guias/deploy/instalar-orchestrator-agent/" label="consulte o guia de instalação do Orchestrator Agent" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/deploy/edge-orchestrator/" label="saiba mais sobre o Orchestrator" type="primary" theme="light" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/guias/deploy/instalar-orchestrator-agent/" label="consulte o guia de instalação do Orchestrator Agent" type="primary" theme="light" target="_blank" />
 
 ### Edge Services
 
@@ -37,8 +37,8 @@ O Azion **Edge Services** facilita o registro e configuração de recursos atrav
 
 Ele permite a configuração de gatilhos de instalação, desinstalação e recarregamento, e a definição de dependências de recursos para a execução do serviço de rede no edge.
 
-<LinkButton link="/pt-br/documentacao/produtos/deploy/edge-orchestrator/edge-services/" label="saiba mais sobre edge services" severity="secondary" target="_blank" />
-<LinkButton link="/pt-br/documentacao/produtos/guias/deploy/criar-edge-service/" label="consulte o guia para criar um edge service" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/deploy/edge-orchestrator/edge-services/" label="saiba mais sobre edge services" type="primary" theme="light" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/guias/deploy/criar-edge-service/" label="consulte o guia para criar um edge service" type="primary" theme="light" target="_blank" />
 
 ### Edge Nodes
 
@@ -46,5 +46,5 @@ Um edge node é um dispositivo que tem o Agente do Azion Orchestrator instalado
 
 O Orchestrator permite que os clientes gerenciem seus próprios edge nodes, independentemente da rede distribuída da Azion. Para começar a provisionar aplicações, é essencial configurar os edge nodes.
 
-<LinkButton link="/pt-br/documentacao/produtos/deploy/edge-orchestrator/edge-node/" label="saiba mais sobre Edge Node" severity="secondary" target="_blank" />
-<LinkButton link="/pt-br/documentacao/produtos/guias/deploy/autorizar-edge-node/" label="consulte o guia para autorizar um edge node" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/deploy/edge-orchestrator/edge-node/" label="saiba mais sobre Edge Node" type="primary" theme="light" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/guias/deploy/autorizar-edge-node/" label="consulte o guia para autorizar um edge node" type="primary" theme="light" target="_blank" />
diff --git a/src/content/docs/pt-br/pages/devtools/api-graphql/recursos/recursos-gql.mdx b/src/content/docs/pt-br/pages/devtools/api-graphql/recursos/recursos-gql.mdx
index 365877305b..e52accc0e0 100644
--- a/src/content/docs/pt-br/pages/devtools/api-graphql/recursos/recursos-gql.mdx
+++ b/src/content/docs/pt-br/pages/devtools/api-graphql/recursos/recursos-gql.mdx
@@ -11,7 +11,7 @@ namespace: documentation_graphql_features
 menu_namespace: graphqlMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag'
 
 Os recursos disponíveis para uso com a **GraphQL** são **conjuntos de dados**, **filtrar**, **ordenar** e **paginar**. Esses recursos possibilitam fácil acesso a seus dados. Assim, ao utilizar e combinar esses recursos disponíveis, o resultado será queries mais personalizadas e específicas. Dessa forma, as requisições buscam as informações exatas que você precisa.
@@ -50,7 +50,7 @@ Quatro conjuntos de dados foram descontinuados e substituiídos por outros:
 | botManagerMetrics | Consulte o número de requisições avaliadas e as ações realizadas pelo [Azion Bot Manager](/pt-br/documentacao/produtos/guias/consultar-dados-bot-manager-com-graphql/) (se inscrito) |
 | botManagerBreakdownMetrics | Consulte as URLs mais impactadas por bots maliciosos, de acordo com os dados do [Azion Bot Manager](/pt-br/documentacao/produtos/guias/consultar-dados-bot-manager-breakdown-com-graphql/) (se inscrito) |
 
-<LinkButton link="/pt-br/documentacao/devtools/graphql-api/recursos/campos-gql-real-time-metrics/" label="veja as descrições dos Campos da API GraphQL do Real⁠-⁠Time Metrics" severity="secondary" />
+<Button href="/pt-br/documentacao/devtools/graphql-api/recursos/campos-gql-real-time-metrics/" label="veja as descrições dos Campos da API GraphQL do Real⁠-⁠Time Metrics" type="primary" theme="light" />
 
 ### Real-Time Events GraphQL API
 
@@ -67,7 +67,7 @@ Quatro conjuntos de dados foram descontinuados e substituiídos por outros:
 | telemetryDeviceInfoEvents | Eventos relacionados ao dispositivo sendo utilizado para acesso e registrados pelo **Azion Mobile SDK**, tanto a nível de hardware quanto de software. |
 | telemetrySensorsEvents | Eventos relacionados aos sensores dos dispositivos registrados pelo **Azion Mobile SDK**, como toque de tela e informações de giroscópio. |
 
-<LinkButton link="/pt-br/documentacao/devtools/graphql-api/recursos/campos-gql-real-time-events/" label="veja as descrições dos Campos da API GraphQL do Real⁠-⁠Time Events" severity="secondary" />
+<Button href="/pt-br/documentacao/devtools/graphql-api/recursos/campos-gql-real-time-events/" label="veja as descrições dos Campos da API GraphQL do Real⁠-⁠Time Events" type="primary" theme="light" />
 
 ### Billing GraphQL API
 
@@ -80,7 +80,7 @@ A Billing GraphQL API está disponível apenas para contas do tipo *Online Sales
 | balanceFinancialEntry | Registros relacionados aos tipos de entradas financeiras e valores monetários |
 | paymentsClientDebt | Registros relacionados aos débitos de clientes e pagamentos e valores monetários |
 
-<LinkButton link="/pt-br/documentacao/devtools/graphql-api/recursos/campos-gql-billing/" label="veja as descrições dos Campos da API GraphQL de Billing" severity="secondary" />
+<Button href="/pt-br/documentacao/devtools/graphql-api/recursos/campos-gql-billing/" label="veja as descrições dos Campos da API GraphQL de Billing" type="primary" theme="light" />
 
 ### Accounting GraphQL API
 
@@ -88,7 +88,7 @@ A Billing GraphQL API está disponível apenas para contas do tipo *Online Sales
 | ----------------- | --------- |
 | accountingDetail | Registros relacionados aos dados contabilizados para produtos e suas métricas |
 
-<LinkButton link="/pt-br/documentacao/devtools/graphql-api/recursos/campos-gql-accounting/" label="veja as descrições dos Campos da API GraphQL de Accounting" severity="secondary" />
+<Button href="/pt-br/documentacao/devtools/graphql-api/recursos/campos-gql-accounting/" label="veja as descrições dos Campos da API GraphQL de Accounting" type="primary" theme="light" />
 
 ### Consumption GraphQL API
 
@@ -96,7 +96,7 @@ A Billing GraphQL API está disponível apenas para contas do tipo *Online Sales
 | ----------------- | --------- |
 | workloadConsumptionMetrics | Logs relativos aos dados contabilizados para uso dos produtos e suas métricas. |
 
-<LinkButton link="/pt-br/documentacao/devtools/graphql-api/recursos/campos-gql-consumption/" label="Veja as descrições dos campos da API GraphQL de Consumption" severity="secondary" />
+<Button href="/pt-br/documentacao/devtools/graphql-api/recursos/campos-gql-consumption/" label="Veja as descrições dos campos da API GraphQL de Consumption" type="primary" theme="light" />
 
 ---
 
@@ -106,11 +106,11 @@ Você também pode rodar uma **Introspection Query** para consultar os metadados
 
 Você pode solicitar dados *raw* (*brutos*), usando os conjuntos **Events**, ou *aggregated* (*agregados*), usando os conjuntos **Metrics**.
 
-<LinkButton link="/pt-br/documentacao/devtools/graphql-api/queries/#dados-brutos" label="ir para referência de queries brutas" severity="secondary" /> <br></br>
+<Button href="/pt-br/documentacao/devtools/graphql-api/queries/#dados-brutos" label="ir para referência de queries brutas" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/pt-br/documentacao/devtools/graphql-api/queries/#dados-agregados" label="ir para referência de queries agregadas" severity="secondary" /> <br></br>
+<Button href="/pt-br/documentacao/devtools/graphql-api/queries/#dados-agregados" label="ir para referência de queries agregadas" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/graphql-dados-agregados/" label="ir para guia Como realizar consultas agregando dados com a API GraphQL" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/graphql-dados-agregados/" label="ir para guia Como realizar consultas agregando dados com a API GraphQL" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/devtools/api-graphql/visao-geral/visao-geral-gql.mdx b/src/content/docs/pt-br/pages/devtools/api-graphql/visao-geral/visao-geral-gql.mdx
index 366a5f25c9..be0aca9131 100644
--- a/src/content/docs/pt-br/pages/devtools/api-graphql/visao-geral/visao-geral-gql.mdx
+++ b/src/content/docs/pt-br/pages/devtools/api-graphql/visao-geral/visao-geral-gql.mdx
@@ -11,7 +11,7 @@ namespace: documentation_graphql_overview
 menu_namespace: graphqlMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 A **Graphic Query Language (GraphQL)** é uma linguagem criada especificamente para uso com APIs. Ela funciona como uma alternativa às APIs REST, permitindo que você receba seus dados de acordo com suas necessidades. A GraphQL traz autonomia para que o usuário solicite os dados que deseja e receba exatamente o que foi solicitado através de uma resposta em JSON.
 
@@ -22,7 +22,7 @@ Você pode utilizar as duas APIs GraphQL da Azion para fazer um logpull de seus
 - [API GraphQL do Real-Time Metrics](/pt-br/documentacao/produtos/observe/real-time-metrics/), que fornece métricas agregadas em tempo real.
 - [API GraphQL Real-Time Events](/pt-br/documentacao/produtos/observe/real-time-events/), que fornece logs brutos em tempo real.
 
-<LinkButton link="/pt-br/documentacao/devtools/graphql-api/queries/" label="saiba mais sobre dados agregados e brutos" />
+<Button href="/pt-br/documentacao/devtools/graphql-api/queries/" label="saiba mais sobre dados agregados e brutos" type="primary" theme="light" />
 
 Você também pode usar as APIs GraphQL financeiras:
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/api-reference/edge-sql/edge-sql.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/api-reference/edge-sql/edge-sql.mdx
index 8a9ba4a2c6..d706056720 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/api-reference/edge-sql/edge-sql.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/api-reference/edge-sql/edge-sql.mdx
@@ -9,12 +9,12 @@ permalink: /documentacao/runtime/api-reference/sql-database/
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 A **SQL Database API** fornece uma interface para interação com banco de dados no [SQL Database](/en/documentation/products/store/sql-database/) a partir de Functions executadas na Azion Web Platform. Essa documentação destaca os componentes chaves da API e fornece  um exemplo de código.
 
 
-<LinkButton link="/pt-br/documentacao/produtos/store/sql-database/" label="saiba mais sobre o SQL Database" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/store/sql-database/" label="saiba mais sobre o SQL Database" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/angular.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/angular.mdx
index a7d0d7f46c..3b5645041b 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/angular.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/angular.mdx
@@ -10,7 +10,7 @@ namespace: documentation_products_runtime_frameworks_angular
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 ## Sobre o Angular
 
@@ -31,9 +31,9 @@ Você pode realizar o deploy do seu projeto Angular utilizando nossos templates
 
 | Nome do Template | Caso de uso | Detalhes |
 |:-------------|:---------|:-----|
-| Angular Boilerplate | Projeto inicial | <LinkButton link="/pt-br/documentacao/produtos/templates/angular-boilerplate/" label="Mais detalhes" severity="secondary" /> |
-| ButterCMS + Angular Starter Project | Projeto inicial | <LinkButton link="/pt-br/documentacao/produtos/templates/angular-buttercms/" label="Mais detalhes" severity="secondary" /> |
-| Clean Angular + Sanity app | Projeto inicial | <LinkButton link="/pt-br/documentacao/produtos/templates/angular-sanity/" label="Mais detalhes" severity="secondary" /> |
+| Angular Boilerplate | Projeto inicial | <Button href="/pt-br/documentacao/produtos/templates/angular-boilerplate/" label="Mais detalhes" type="primary" theme="light" /> |
+| ButterCMS + Angular Starter Project | Projeto inicial | <Button href="/pt-br/documentacao/produtos/templates/angular-buttercms/" label="Mais detalhes" type="primary" theme="light" /> |
+| Clean Angular + Sanity app | Projeto inicial | <Button href="/pt-br/documentacao/produtos/templates/angular-sanity/" label="Mais detalhes" type="primary" theme="light" /> |
 
 ### Realizando deploy de um template no Azion Console
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/astro.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/astro.mdx
index 63dc7fd617..7fdba69d10 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/astro.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/astro.mdx
@@ -10,7 +10,7 @@ namespace: documentation_products_runtime_frameworks_astro
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 ## Sobre Astro
 
@@ -31,34 +31,34 @@ Você pode fazer o deploy do seu projeto Astro tanto utilizando nossos templates
 
 | Nome template | Caso de uso | Detalhes |
 |:-------------|:---------|:-----|
-| Astro Audiophile | E-commerce | <LinkButton link="/pt-br/documentacao/produtos/templates/astro-audiophile/" label="Mais detalhes" severity="secondary" /> |
-| Astro Boilerplate | Projeto inicial | <LinkButton link="/pt-br/documentacao/produtos/templates/astro-boilerplate/" label="Mais detalhes" severity="secondary" /> |
-| Astro Blog Starter Kit | Blog | <LinkButton link="/pt-br/documentacao/produtos/templates/astro-blog-starter-kit/" label="Mais detalhes" severity="secondary" /> |
-| Astro Ecommerce | E-commerce | <LinkButton link="/pt-br/documentacao/produtos/templates/astro-ecommerce/" label="Mais detalhes" severity="secondary" /> |
-| Astro with Framework Alpine | Projeto inicial | <LinkButton link="/pt-br/documentacao/produtos/templates/astro-alpine/" label="Mais detalhes" severity="secondary" /> |
-| Astro with Framework Lit | Projeto inicial| <LinkButton link="/pt-br/documentacao/produtos/templates/astro-lit/" label="Mais detalhes" severity="secondary" /> |
-| Astro with Multiple Frameworks | Projeto inicial | <LinkButton link="/pt-br/documentacao/produtos/templates/astro-multiple-frameworks/" label="Mais detalhes" severity="secondary" /> |
-| Astro with Framework Preact | Projeto inicial | <LinkButton link="/pt-br/documentacao/produtos/templates/astro-preact/" label="Mais detalhes" severity="secondary" /> |
-| Astro with Framework React | Projeto inicial | <LinkButton link="/pt-br/documentacao/produtos/templates/astro-react/" label="Mais detalhes" severity="secondary" /> |
-| Astro with Framework Solid | Projeto inicial | <LinkButton link="/pt-br/documentacao/produtos/templates/astro-solid/" label="Mais detalhes" severity="secondary" /> |
-| Astro with Framework Svelte | Projeto inicial| <LinkButton link="/pt-br/documentacao/produtos/templates/astro-svelte/" label="Mais detalhes" severity="secondary" /> |
-| Astro with Framework Vue | Projeto inicial| <LinkButton link="/pt-br/documentacao/produtos/templates/astro-vue/" label="Mais detalhes" severity="secondary" /> |
-| Astro Minimal | Projeto inicial| <LinkButton link="/pt-br/documentacao/produtos/templates/astro-minimal/" label="Mais detalhes" severity="secondary" /> |
-| Astro with Non-HTML Pages | Conteúdo não HTML | <LinkButton link="/pt-br/documentacao/produtos/templates/astro-non-html/" label="Mais detalhes" severity="secondary" /> |
-| Astro Portfolio | Portfolio | <LinkButton link="/pt-br/documentacao/produtos/templates/astro-portfolio/" label="Mais detalhes" severity="secondary" /> |
-| Astro Quickstore | E-commerce | <LinkButton link="/pt-br/documentacao/produtos/templates/astro-quickstore/" label="Mais detalhes" severity="secondary" /> |
-| Astro Starlog | Release notes de projetos | <LinkButton link="/pt-br/documentacao/produtos/templates/astro-starlog/" label="Mais detalhes" severity="secondary" /> |
-| Astro with Markdoc | Projeto inicial| <LinkButton link="/pt-br/documentacao/produtos/templates/astro-markdoc/" label="Mais detalhes" severity="secondary" /> |
-| Astro Markdown with Plugins | Projeto inicial | <LinkButton link="/pt-br/documentacao/produtos/templates/astro-markdown-with-plugins/" label="Mais detalhes" severity="secondary" /> |
-| Astro Markdown with Shiki | Demonstração de código| <LinkButton link="/pt-br/documentacao/produtos/templates/astro-markdown-with-shiki/" label="Mais detalhes" severity="secondary" /> |
-| Astro with MDX | Projeto inicial | <LinkButton link="/pt-br/documentacao/produtos/templates/astro-mdx/" label="Mais detalhes" severity="secondary" /> |
-| Astro with Nano Stores | E-commerce | <LinkButton link="/pt-br/documentacao/produtos/templates/astro-nanostores/" label="Mais detalhes" severity="secondary" /> |
-| Astro with Tailwind CSS | Projeto inicial| <LinkButton link="/pt-br/documentacao/produtos/templates/astro-tailwind/" label="Mais detalhes" severity="secondary" /> |
-| Astro with Vitest | Projeto inicial | <LinkButton link="/pt-br/documentacao/produtos/templates/astro-vitest/" label="Mais detalhes" severity="secondary" /> |
-| Cosmic - Simple Astro Blog | Blog | <LinkButton link="/pt-br/documentacao/produtos/templates/astro-cosmic-blog/" label="Mais detalhes" severity="secondary" /> |
-| Devscard | Currículo Online | <LinkButton link="/pt-br/documentacao/produtos/templates/astro-devscard/" label="Mais detalhes" severity="secondary" /> |
-| Clean Astro App with Sanity | Integração com CMS | <LinkButton link="/pt-br/documentacao/produtos/templates/astro-sanity/" label="Mais detalhes" severity="secondary" /> |
-| Webpage to PDF Resume | Gerador de currículos | <LinkButton link="/pt-br/documentacao/produtos/templates/astro-pdf-resume/" label="Mais detalhes" severity="secondary" /> |
+| Astro Audiophile | E-commerce | <Button href="/pt-br/documentacao/produtos/templates/astro-audiophile/" label="Mais detalhes" type="primary" theme="light" /> |
+| Astro Boilerplate | Projeto inicial | <Button href="/pt-br/documentacao/produtos/templates/astro-boilerplate/" label="Mais detalhes" type="primary" theme="light" /> |
+| Astro Blog Starter Kit | Blog | <Button href="/pt-br/documentacao/produtos/templates/astro-blog-starter-kit/" label="Mais detalhes" type="primary" theme="light" /> |
+| Astro Ecommerce | E-commerce | <Button href="/pt-br/documentacao/produtos/templates/astro-ecommerce/" label="Mais detalhes" type="primary" theme="light" /> |
+| Astro with Framework Alpine | Projeto inicial | <Button href="/pt-br/documentacao/produtos/templates/astro-alpine/" label="Mais detalhes" type="primary" theme="light" /> |
+| Astro with Framework Lit | Projeto inicial| <Button href="/pt-br/documentacao/produtos/templates/astro-lit/" label="Mais detalhes" type="primary" theme="light" /> |
+| Astro with Multiple Frameworks | Projeto inicial | <Button href="/pt-br/documentacao/produtos/templates/astro-multiple-frameworks/" label="Mais detalhes" type="primary" theme="light" /> |
+| Astro with Framework Preact | Projeto inicial | <Button href="/pt-br/documentacao/produtos/templates/astro-preact/" label="Mais detalhes" type="primary" theme="light" /> |
+| Astro with Framework React | Projeto inicial | <Button href="/pt-br/documentacao/produtos/templates/astro-react/" label="Mais detalhes" type="primary" theme="light" /> |
+| Astro with Framework Solid | Projeto inicial | <Button href="/pt-br/documentacao/produtos/templates/astro-solid/" label="Mais detalhes" type="primary" theme="light" /> |
+| Astro with Framework Svelte | Projeto inicial| <Button href="/pt-br/documentacao/produtos/templates/astro-svelte/" label="Mais detalhes" type="primary" theme="light" /> |
+| Astro with Framework Vue | Projeto inicial| <Button href="/pt-br/documentacao/produtos/templates/astro-vue/" label="Mais detalhes" type="primary" theme="light" /> |
+| Astro Minimal | Projeto inicial| <Button href="/pt-br/documentacao/produtos/templates/astro-minimal/" label="Mais detalhes" type="primary" theme="light" /> |
+| Astro with Non-HTML Pages | Conteúdo não HTML | <Button href="/pt-br/documentacao/produtos/templates/astro-non-html/" label="Mais detalhes" type="primary" theme="light" /> |
+| Astro Portfolio | Portfolio | <Button href="/pt-br/documentacao/produtos/templates/astro-portfolio/" label="Mais detalhes" type="primary" theme="light" /> |
+| Astro Quickstore | E-commerce | <Button href="/pt-br/documentacao/produtos/templates/astro-quickstore/" label="Mais detalhes" type="primary" theme="light" /> |
+| Astro Starlog | Release notes de projetos | <Button href="/pt-br/documentacao/produtos/templates/astro-starlog/" label="Mais detalhes" type="primary" theme="light" /> |
+| Astro with Markdoc | Projeto inicial| <Button href="/pt-br/documentacao/produtos/templates/astro-markdoc/" label="Mais detalhes" type="primary" theme="light" /> |
+| Astro Markdown with Plugins | Projeto inicial | <Button href="/pt-br/documentacao/produtos/templates/astro-markdown-with-plugins/" label="Mais detalhes" type="primary" theme="light" /> |
+| Astro Markdown with Shiki | Demonstração de código| <Button href="/pt-br/documentacao/produtos/templates/astro-markdown-with-shiki/" label="Mais detalhes" type="primary" theme="light" /> |
+| Astro with MDX | Projeto inicial | <Button href="/pt-br/documentacao/produtos/templates/astro-mdx/" label="Mais detalhes" type="primary" theme="light" /> |
+| Astro with Nano Stores | E-commerce | <Button href="/pt-br/documentacao/produtos/templates/astro-nanostores/" label="Mais detalhes" type="primary" theme="light" /> |
+| Astro with Tailwind CSS | Projeto inicial| <Button href="/pt-br/documentacao/produtos/templates/astro-tailwind/" label="Mais detalhes" type="primary" theme="light" /> |
+| Astro with Vitest | Projeto inicial | <Button href="/pt-br/documentacao/produtos/templates/astro-vitest/" label="Mais detalhes" type="primary" theme="light" /> |
+| Cosmic - Simple Astro Blog | Blog | <Button href="/pt-br/documentacao/produtos/templates/astro-cosmic-blog/" label="Mais detalhes" type="primary" theme="light" /> |
+| Devscard | Currículo Online | <Button href="/pt-br/documentacao/produtos/templates/astro-devscard/" label="Mais detalhes" type="primary" theme="light" /> |
+| Clean Astro App with Sanity | Integração com CMS | <Button href="/pt-br/documentacao/produtos/templates/astro-sanity/" label="Mais detalhes" type="primary" theme="light" /> |
+| Webpage to PDF Resume | Gerador de currículos | <Button href="/pt-br/documentacao/produtos/templates/astro-pdf-resume/" label="Mais detalhes" type="primary" theme="light" /> |
 
 ### Realizando deploy de um template no Azion Console
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/frameworks.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/frameworks.mdx
index c558a082af..4ef07a2347 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/frameworks.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/frameworks.mdx
@@ -12,7 +12,7 @@ menu_namespace: runtimeMenu
 ---
 
 import Tag from 'primevue/tag';
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 ## Azion Bundler
 
@@ -139,7 +139,7 @@ Implementação:
 - [Como construir com Next.js e Azion CLI](/en/documentation/products/cli/frameworks/next/)
 - [Como construir com Next.js Static Boilerplate no Azion Console](/en/documentation/products/guides/nextjs-static-boilerplate/)
 
-<LinkButton link="/en/documentation/devtools/azion-edge-runtime/compatibility/nextjs/" label="Ir para a documentação de compatibilidade entre Azion e Next.js" severity="secondary" target="_blank" />
+<Button href="/en/documentation/devtools/azion-edge-runtime/compatibility/nextjs/" label="Ir para a documentação de compatibilidade entre Azion e Next.js" type="primary" theme="light" target="_blank" />
 ---
 
 ## Nuxt 3
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/gatsby.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/gatsby.mdx
index c1cbda38ee..622c1dbaa3 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/gatsby.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/gatsby.mdx
@@ -10,7 +10,7 @@ namespace: documentation_products_runtime_frameworks_gatsby
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 ## Sobre Gatsby
 
@@ -32,10 +32,10 @@ Você pode fazer o deploy do seu projeto Gatsby tanto utilizando nossos template
 
 | Nome do template | Caso de uso | Detalhes |
 |:-------------|:---------|:-----|
-| ButterCMS + Gatsby Starter Project | E-commerce | <LinkButton link="/pt-br/documentacao/produtos/templates/gatsby-butter-starter/" label="Mais detalhes" severity="secondary" /> |
-| Gatsby Blog Starter Kit| Starter project | <LinkButton link="/pt-br/documentacao/produtos/templates/gatsby-blog/" label="Mais detalhes" severity="secondary" /> |
-| Gatsby Ecommerce Theme | Blog | <LinkButton link="/pt-br/documentacao/produtos/templates/gatsby-ecommerce/" label="Mais detalhes" severity="secondary" /> |
-| Gatsby Boilerplate| E-commerce | <LinkButton link="/pt-br/documentacao/produtos/templates/gatsby-boilerplate/" label="Mais detalhes" severity="secondary" /> |
+| ButterCMS + Gatsby Starter Project | E-commerce | <Button href="/pt-br/documentacao/produtos/templates/gatsby-butter-starter/" label="Mais detalhes" type="primary" theme="light" /> |
+| Gatsby Blog Starter Kit| Starter project | <Button href="/pt-br/documentacao/produtos/templates/gatsby-blog/" label="Mais detalhes" type="primary" theme="light" /> |
+| Gatsby Ecommerce Theme | Blog | <Button href="/pt-br/documentacao/produtos/templates/gatsby-ecommerce/" label="Mais detalhes" type="primary" theme="light" /> |
+| Gatsby Boilerplate| E-commerce | <Button href="/pt-br/documentacao/produtos/templates/gatsby-boilerplate/" label="Mais detalhes" type="primary" theme="light" /> |
 
 ### Realizando deploy de um template no Azion Console
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/nextjs.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/nextjs.mdx
index 741c098256..0ae66f0086 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/nextjs.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/nextjs.mdx
@@ -10,7 +10,7 @@ namespace: documentation_products_runtime_frameworks_nextjs
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 ## Sobre Next.js
 
@@ -33,17 +33,17 @@ O Next.js também permite a Renderização do Lado do Servidor (SSR) na Azion We
 
 | Nome do template | Caso de uso | Detalhes |
 |:-------------|:---------|:-----|
-| Next.js Static Boilerplate | Site estático | <LinkButton link="/pt-br/documentacao/produtos/templates/nextjs-static-boilerplate/" label="Mais detalhes" severity="secondary" /> |
-| Next.js Store Ecommerce Template | E-commerce | <LinkButton link="/pt-br/documentacao/produtos/templates/nextjs-store/" label="Mais detalhes" severity="secondary" /> |
-| Next.js App Middleware | Exemplo de Middleware | <LinkButton link="/pt-br/documentacao/produtos/templates/nextjs-app-midddleware/" label="Mais detalhes" severity="secondary" /> |
-| Next.js App Configurations | Exemplo de Configuração | <LinkButton link="/pt-br/documentacao/produtos/templates/nextjs-app-configurations/" label="Mais detalhes" severity="secondary" /> |
-| Next.js Pages Configurations | Exemplo de Configuração | <LinkButton link="/pt-br/documentacao/produtos/templates/nextjs-pages-configurations/" label="Mais detalhes" severity="secondary" /> |
-| Next.js Pages Middleware | Exemplo de Middleware | <LinkButton link="/pt-br/documentacao/produtos/templates/nextjs-pages-middleware/" label="Mais detalhes" severity="secondary" /> |
-| Kupingplug Store| E-commerce | <LinkButton link="/pt-br/documentacao/produtos/templates/kupingplug/" label="Mais detalhes" severity="secondary" /> |
-| Next.js Stationary Store | E-commerce | <LinkButton link="/pt-br/documentacao/produtos/templates/stationary-ecommerce/" label="Mais detalhes" severity="secondary" /> |
-| Cosmic Next Blog | Blog | <LinkButton link="/pt-br/documentacao/produtos/templates/cosmic-nextjs-blog/" label="Mais detalhes" severity="secondary" /> |
-| Cosmic Agency | E-commerce | <LinkButton link="/pt-br/documentacao/produtos/templates/cosmic-agency/" label="Mais detalhes" severity="secondary" /> |
-| Space Jelly Shop | E-commerce | <LinkButton link="/pt-br/documentacao/produtos/templates/space-jelly-shop/" label="Mais detalhes" severity="secondary" /> |
+| Next.js Static Boilerplate | Site estático | <Button href="/pt-br/documentacao/produtos/templates/nextjs-static-boilerplate/" label="Mais detalhes" type="primary" theme="light" /> |
+| Next.js Store Ecommerce Template | E-commerce | <Button href="/pt-br/documentacao/produtos/templates/nextjs-store/" label="Mais detalhes" type="primary" theme="light" /> |
+| Next.js App Middleware | Exemplo de Middleware | <Button href="/pt-br/documentacao/produtos/templates/nextjs-app-midddleware/" label="Mais detalhes" type="primary" theme="light" /> |
+| Next.js App Configurations | Exemplo de Configuração | <Button href="/pt-br/documentacao/produtos/templates/nextjs-app-configurations/" label="Mais detalhes" type="primary" theme="light" /> |
+| Next.js Pages Configurations | Exemplo de Configuração | <Button href="/pt-br/documentacao/produtos/templates/nextjs-pages-configurations/" label="Mais detalhes" type="primary" theme="light" /> |
+| Next.js Pages Middleware | Exemplo de Middleware | <Button href="/pt-br/documentacao/produtos/templates/nextjs-pages-middleware/" label="Mais detalhes" type="primary" theme="light" /> |
+| Kupingplug Store| E-commerce | <Button href="/pt-br/documentacao/produtos/templates/kupingplug/" label="Mais detalhes" type="primary" theme="light" /> |
+| Next.js Stationary Store | E-commerce | <Button href="/pt-br/documentacao/produtos/templates/stationary-ecommerce/" label="Mais detalhes" type="primary" theme="light" /> |
+| Cosmic Next Blog | Blog | <Button href="/pt-br/documentacao/produtos/templates/cosmic-nextjs-blog/" label="Mais detalhes" type="primary" theme="light" /> |
+| Cosmic Agency | E-commerce | <Button href="/pt-br/documentacao/produtos/templates/cosmic-agency/" label="Mais detalhes" type="primary" theme="light" /> |
+| Space Jelly Shop | E-commerce | <Button href="/pt-br/documentacao/produtos/templates/space-jelly-shop/" label="Mais detalhes" type="primary" theme="light" /> |
 
 ## Realizando deploy de um template no Azion Console
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/react.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/react.mdx
index 7a9314c521..7bd2e85649 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/react.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/react.mdx
@@ -10,7 +10,7 @@ namespace: documentation_products_runtime_frameworks_react
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 ## Sobre React
 
@@ -30,18 +30,18 @@ React é uma biblioteca JavaScript popular para construção de interfaces de us
 
 | Nome do template | Caso de uso | Detalhes |
 |:-------------|:---------|:-----|
-| ButterCMS + React Projeto inicial Project | Projeto inicial | <LinkButton link="/pt-br/documentacao/produtos/templates/react-buttercms/" label="Mais detalhes" severity="secondary" /> |
-| React Boilerplate | Projeto inicial project | <LinkButton link="/pt-br/documentacao/produtos/templates/react-boilerplate/" label="Mais detalhes" severity="secondary" /> |
+| ButterCMS + React Projeto inicial Project | Projeto inicial | <Button href="/pt-br/documentacao/produtos/templates/react-buttercms/" label="Mais detalhes" type="primary" theme="light" /> |
+| React Boilerplate | Projeto inicial project | <Button href="/pt-br/documentacao/produtos/templates/react-boilerplate/" label="Mais detalhes" type="primary" theme="light" /> |
 
 Templates com outras frameworks que também usam React:
 
 | Nome do template | Caso de uso | Detalhes |
 |:-------------|:---------|:-----|
-| Space Jelly Shop| E-commerce | <LinkButton link="/pt-br/documentacao/produtos/templates/space-jelly-shop/" label="Mais detalhes" severity="secondary" /> |
-| Cosmic Agency | Starter | <LinkButton link="/pt-br/documentacao/produtos/templates/cosmic-agency/" label="Mais detalhes" severity="secondary" /> |
-| NextJs Store with React | E-commerce | <LinkButton link="/pt-br/documentacao/produtos/templates/nextjs-store/" label="Mais detalhes" severity="secondary" /> |
-| Astro with React | Starter | <LinkButton link="/pt-br/documentacao/produtos/templates/astro-react/" label="Mais detalhes" severity="secondary" /> |
-| Astro With Multiple Frameworks | Starter | <LinkButton link="/pt-br/documentacao/produtos/templates/astro-multiple-frameworks/" label="Mais detalhes" severity="secondary" /> |
+| Space Jelly Shop| E-commerce | <Button href="/pt-br/documentacao/produtos/templates/space-jelly-shop/" label="Mais detalhes" type="primary" theme="light" /> |
+| Cosmic Agency | Starter | <Button href="/pt-br/documentacao/produtos/templates/cosmic-agency/" label="Mais detalhes" type="primary" theme="light" /> |
+| NextJs Store with React | E-commerce | <Button href="/pt-br/documentacao/produtos/templates/nextjs-store/" label="Mais detalhes" type="primary" theme="light" /> |
+| Astro with React | Starter | <Button href="/pt-br/documentacao/produtos/templates/astro-react/" label="Mais detalhes" type="primary" theme="light" /> |
+| Astro With Multiple Frameworks | Starter | <Button href="/pt-br/documentacao/produtos/templates/astro-multiple-frameworks/" label="Mais detalhes" type="primary" theme="light" /> |
 
 ### Realizando deploy de um template no Azion Console
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/angular/angular-boilerplate.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/angular/angular-boilerplate.mdx
index def9179777..aa29c9c88c 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/angular/angular-boilerplate.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/angular/angular-boilerplate.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_angular_boilerplate
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/angular/angular-butter.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/angular/angular-butter.mdx
index c003cce170..2261e9648f 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/angular/angular-butter.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/angular/angular-butter.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_angular_buttercms
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/angular/angular-sanity.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/angular/angular-sanity.mdx
index 1a01d71ff0..60cb21c98f 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/angular/angular-sanity.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/angular/angular-sanity.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_angular_sanity
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-alpine.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-alpine.mdx
index 2119a6c44e..298378571e 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-alpine.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-alpine.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_alpine
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-audiophile.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-audiophile.mdx
index 445484e9e2..1d9c55699a 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-audiophile.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-audiophile.mdx
@@ -9,7 +9,7 @@ meta_tags: >-
 namespace: documentation_template_landing_astro_audiophile
 menu_namespace: runtimeMenu
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-blog-starter-kit.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-blog-starter-kit.mdx
index cb1e60ac02..f72e9d2fa1 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-blog-starter-kit.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-blog-starter-kit.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_blog
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-boilerplate.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-boilerplate.mdx
index 0501170929..4142d7ecec 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-boilerplate.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-boilerplate.mdx
@@ -9,7 +9,7 @@ meta_tags: >-
 namespace: documentation_template_landing_astro_boilerplate
 menu_namespace: runtimeMenu
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-clean-sanity.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-clean-sanity.mdx
index 6ab2fdc5f4..494889807e 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-clean-sanity.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-clean-sanity.mdx
@@ -9,7 +9,7 @@ permalink: /documentacao/produtos/templates/astro-sanity/
 namespace: documentation_template_landing_astro_sanity
 menu_namespace: runtimeMenu
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-cosmic-blog.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-cosmic-blog.mdx
index ed102ce4eb..232af75934 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-cosmic-blog.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-cosmic-blog.mdx
@@ -9,7 +9,7 @@ permalink: /documentacao/produtos/templates/astro-cosmic-blog/
 namespace: documentation_template_landing_astro_cosmic_blog
 menu_namespace: runtimeMenu
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-devscard.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-devscard.mdx
index da58d61629..27dfc02a35 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-devscard.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-devscard.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_devscard
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-ecommerce.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-ecommerce.mdx
index 181925ab42..e7bc514e46 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-ecommerce.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-ecommerce.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_ecommerce
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-lit.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-lit.mdx
index e78b8acd4a..7cb9d6b277 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-lit.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-lit.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_lit
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-markdoc.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-markdoc.mdx
index 54667d728c..3b785ba354 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-markdoc.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-markdoc.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_markdoc
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-markdown-plugins.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-markdown-plugins.mdx
index 6b6b992ada..520d9b3107 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-markdown-plugins.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-markdown-plugins.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_markdown_plugins
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-markdown-shiki.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-markdown-shiki.mdx
index 9742e7fee5..fb4e74098b 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-markdown-shiki.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-markdown-shiki.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_markdown_shiki
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-mdx.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-mdx.mdx
index d725f062af..188eca08a4 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-mdx.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-mdx.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_mdx
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-minimal.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-minimal.mdx
index 1bdfddb46e..d86d4cf80f 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-minimal.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-minimal.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_minimal
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-multiple-frameworks.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-multiple-frameworks.mdx
index 8f0c2bd27f..bd6647f413 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-multiple-frameworks.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-multiple-frameworks.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_multi_frameworks
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-nanostores.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-nanostores.mdx
index f12d725be4..337310b1a3 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-nanostores.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-nanostores.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_nanostores
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-non-html.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-non-html.mdx
index 9b519db48b..31429b4af8 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-non-html.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-non-html.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_non_html
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-pdf-resume.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-pdf-resume.mdx
index da9e544db1..fc4500c3c7 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-pdf-resume.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-pdf-resume.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_pdf_resume
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-portfolio.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-portfolio.mdx
index 248a4c318e..b9a5fb0731 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-portfolio.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-portfolio.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_portfolio
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-preact.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-preact.mdx
index f8d69ccf25..bc3c086555 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-preact.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-preact.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_preact
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-quickstore.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-quickstore.mdx
index 865ef087a2..608683e676 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-quickstore.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-quickstore.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_quickstore
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-react.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-react.mdx
index f2147d66a3..74399fde94 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-react.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-react.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_react
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-solid.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-solid.mdx
index 2967da9aa7..3a55251557 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-solid.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-solid.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_solid
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-starlog.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-starlog.mdx
index 69c62093dd..ac87da9bbb 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-starlog.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-starlog.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_starlog
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-svelte.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-svelte.mdx
index add5c99ce0..86384ef633 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-svelte.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-svelte.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_svelte
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-tailwind.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-tailwind.mdx
index 0bfa42016d..4d5e5ccf8c 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-tailwind.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-tailwind.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_tailwind
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-vitest.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-vitest.mdx
index e9237fda9a..4b7c0a88bd 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-vitest.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-vitest.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_vitest
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-vue.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-vue.mdx
index f881cf95a7..514e4e6ca9 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-vue.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/astro/astro-vue.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_astro_vue
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/gatsby/butter-cms-gatsby-starter.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/gatsby/butter-cms-gatsby-starter.mdx
index adfc38614b..c0b76e961e 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/gatsby/butter-cms-gatsby-starter.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/gatsby/butter-cms-gatsby-starter.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_gatsby_butter_starter
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/gatsby/gatsby-blog.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/gatsby/gatsby-blog.mdx
index 7a3be67b4b..a250b8ef0c 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/gatsby/gatsby-blog.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/gatsby/gatsby-blog.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_gatsby_blog
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/gatsby/gatsby-boilerplate.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/gatsby/gatsby-boilerplate.mdx
index a1fc0aa76e..d7abfd3baf 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/gatsby/gatsby-boilerplate.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/gatsby/gatsby-boilerplate.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_gatsby_boilerplate
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/gatsby/gatsby-ecommerce.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/gatsby/gatsby-ecommerce.mdx
index 207010ec5b..02a161bec0 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/gatsby/gatsby-ecommerce.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/gatsby/gatsby-ecommerce.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_gatsby_ecommerce
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/cosmic-agency.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/cosmic-agency.mdx
index f517044546..cd03ef6522 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/cosmic-agency.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/cosmic-agency.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_nextjs_cosmic_agency
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/cosmic-next-blog.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/cosmic-next-blog.mdx
index 80194e74f1..172e912b16 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/cosmic-next-blog.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/cosmic-next-blog.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_nextjs_cosmic_blog
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/kupingplug.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/kupingplug.mdx
index 6a1342155e..658b2cac7f 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/kupingplug.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/kupingplug.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_nextjs_kupingplug
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/nextjs-app-13-5-9-config.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/nextjs-app-13-5-9-config.mdx
index 4388fb8492..d6821b9a7f 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/nextjs-app-13-5-9-config.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/nextjs-app-13-5-9-config.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_nextjs_app_configurations
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/nextjs-app-13-5-9-middleware.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/nextjs-app-13-5-9-middleware.mdx
index 44fe4c3b63..a61bc48b23 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/nextjs-app-13-5-9-middleware.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/nextjs-app-13-5-9-middleware.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_nextjs_app_middleware
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/nextjs-ecommerce-stationary.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/nextjs-ecommerce-stationary.mdx
index a61e6e1ee4..cf0b0523ba 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/nextjs-ecommerce-stationary.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/nextjs-ecommerce-stationary.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_nextjs_stationary-ecommerce
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/nextjs-pages-13-5-9-config.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/nextjs-pages-13-5-9-config.mdx
index d4217b71e2..1557646b25 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/nextjs-pages-13-5-9-config.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/nextjs-pages-13-5-9-config.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_nextjs_pages_configurations
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/nextjs-pages-13-5-9-middleware.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/nextjs-pages-13-5-9-middleware.mdx
index ec11e860c6..c8c83ab742 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/nextjs-pages-13-5-9-middleware.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/nextjs-pages-13-5-9-middleware.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_nextjs_pages_middleware
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/nextjs-static-boilerplate-14.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/nextjs-static-boilerplate-14.mdx
index d1553e7d3c..ace1353e0c 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/nextjs-static-boilerplate-14.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/nextjs-static-boilerplate-14.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_nextjs_static_boilerplate
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/nextjs-store-react.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/nextjs-store-react.mdx
index ebbaf2f193..d5029ddc27 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/nextjs-store-react.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/nextjs-store-react.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_nextjs_store
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/space-jelly-shop.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/space-jelly-shop.mdx
index 849a8aef24..04838944c3 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/space-jelly-shop.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/space-jelly-shop.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_nextjs_space_jelly_shop
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/react/butter-react-starter.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/react/butter-react-starter.mdx
index 05315290d2..d06f2c7483 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/react/butter-react-starter.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/react/butter-react-starter.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_react_buttercms
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/react/react-boilerplate.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/react/react-boilerplate.mdx
index 259cdbd17a..63b6253f75 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/react/react-boilerplate.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/template-showcase/react/react-boilerplate.mdx
@@ -10,7 +10,7 @@ namespace: documentation_template_landing_react_boilerplate
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
 import Container from 'azion-webkit/container';
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/node-polyfills/node.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/node-polyfills/node.mdx
index 593e9c8cc5..a71ffe2181 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/node-polyfills/node.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/node-polyfills/node.mdx
@@ -12,7 +12,7 @@ namespace: documentation_products_azion_runtime_node
 menu_namespace: runtimeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 ## Node built-in
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/visao-geral/visao-geral-runtime.mdx b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/visao-geral/visao-geral-runtime.mdx
index 6d476a570a..080222804c 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/visao-geral/visao-geral-runtime.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-edge-runtime/visao-geral/visao-geral-runtime.mdx
@@ -12,7 +12,7 @@ menu_namespace: runtimeMenu
 ---
 
 import Tag from 'primevue/tag';
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 
 **Azion Runtime** é um conjunto de ferramentas de desenvolvimento no **Edge**. O Azion Runtime possibilita a criação de [functions](/pt-br/documentacao/produtos/build/applications/functions/) em JavaScript, construídas sobre os padrões da Web.
diff --git a/src/content/docs/pt-br/pages/devtools/azion-lib/overview/overview.mdx b/src/content/docs/pt-br/pages/devtools/azion-lib/overview/overview.mdx
index 197b99d910..84654c133f 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-lib/overview/overview.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-lib/overview/overview.mdx
@@ -9,7 +9,7 @@ namespace: documentation_azion_lib_overview
 menu_namespace: libMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 As **Azion Libraries** fornecem um conjunto de ferramentas para interagir com vários serviços da Azion, incluindo **Purge**, **Object Storage** e **Image Processor**. Cada biblioteca inclusa é configurável e suporta o modo de depuração e a configuração baseada em variáveis de ambiente.
 
@@ -35,5 +35,5 @@ yarn add azion
 
 Para mais informações sobre como usar as **Azion Libraries**, consulte a [documentação no NPM](https://www.npmjs.com/package/azion).
 
-<LinkButton link="/pt-br/documentacao/produtos/azion-lib/client/" label="Ir para a biblioteca `Client`" severity="secondary" />
-<LinkButton link="/pt-br/documentacao/produtos/azion-lib/config/" label="Ir para a biblioteca `Config`" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/azion-lib/client/" label="Ir para a biblioteca `Client`" type="primary" theme="light" />
+<Button href="/pt-br/documentacao/produtos/azion-lib/config/" label="Ir para a biblioteca `Config`" type="primary" theme="light" />
diff --git a/src/content/docs/pt-br/pages/devtools/azion-lib/usage/ai-client.mdx b/src/content/docs/pt-br/pages/devtools/azion-lib/usage/ai-client.mdx
index d14b57a5db..373373cc0c 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-lib/usage/ai-client.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-lib/usage/ai-client.mdx
@@ -8,11 +8,11 @@ meta_tags: >-
 namespace: documentation_azion_lib_ai-client
 menu_namespace: libMenu
 ---
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 A biblioteca **AI Client** da Azion fornece uma interface simples para interagir com a API de AI da Azion. Essa AI especializada possui conhecimento contextual sobre todos os produtos, serviços e tecnologias da Azion, permitindo respostas precisas e relevantes sobre a Azion Web Platform.
 
-<LinkButton link="/pt-br/documentacao/produtos/azion-lib/visao-geral/" label="Saiba mais sobre as Azion Libraries" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/azion-lib/visao-geral/" label="Saiba mais sobre as Azion Libraries" type="primary" theme="light" target="_blank" />
 
 Você pode interagir com a API usando um `client` ou chamando os métodos diretamente da biblioteca. Ao fazer chamadas diretas, você pode usar variáveis de ambiente para configurar o `client` sem passar o token e os parâmetros de depuração diretamente.
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-lib/usage/application.mdx b/src/content/docs/pt-br/pages/devtools/azion-lib/usage/application.mdx
index c6fe84426f..1a851e99f3 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-lib/usage/application.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-lib/usage/application.mdx
@@ -9,11 +9,11 @@ namespace: documentation_azion_lib_application_client
 menu_namespace: libMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 O módulo **Application** da Azion oferece uma interface completa para interagir com a API de **Applications** da Azion. Este módulo permite gerenciar applications e seus componentes, incluindo configurações de cache, grupos de dispositivos, instâncias de funções, origens e configurações do mecanismo de regras.
 
-<LinkButton link="/pt-br/documentacao/produtos/azion-lib/visao-geral/" label="Saiba mais sobre as Azion Libraries" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/azion-lib/visao-geral/" label="Saiba mais sobre as Azion Libraries" type="primary" theme="light" target="_blank" />
 
 Você pode interagir com a API usando um `client` ou chamando os métodos diretamente da biblioteca. Ao fazer chamadas diretas, você pode usar as variáveis de ambiente para configurar o `client` sem precisar passar diretamente o token e os parâmetros de depuração.
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-lib/usage/client.mdx b/src/content/docs/pt-br/pages/devtools/azion-lib/usage/client.mdx
index 7f90e8dc2c..cb557bcbde 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-lib/usage/client.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-lib/usage/client.mdx
@@ -9,13 +9,13 @@ namespace: documentation_azion_lib_client
 menu_namespace: libMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 A interface **Client** da Azion fornece um meio unificado para interagir com todos os produtos e serviços. Você pode usar o `client` para acessar e gerenciar todos os produtos e funcionalidades no Object Storage, SQL Database, Purge, e mais. 
 
 Ao instanciar um cliente, você pode definir explicitamente configurações como `token` e `debug` como parâmetros. Você pode então interagir com as funcionalidades da Azion diretamente através do `client`, de maneira simplificada e centralizada.
 
-<LinkButton link="/pt-br/documentacao/produtos/azion-lib/visao-geral/" label="Saiba mais sobre as Azion Libraries" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/azion-lib/visao-geral/" label="Saiba mais sobre as Azion Libraries" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-lib/usage/config.mdx b/src/content/docs/pt-br/pages/devtools/azion-lib/usage/config.mdx
index 984a31f9f9..38956a7c0b 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-lib/usage/config.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-lib/usage/config.mdx
@@ -9,11 +9,11 @@ namespace: documentation_azion_lib_config
 menu_namespace: libMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 O módulo **Config** fornece funções para configurar e validar opções para **Applications**. Ele suporta várias configurações, incluindo domínio, origem, cache, regras, listas de rede e operações de purge.
 
-<LinkButton link="/pt-br/documentacao/produtos/azion-lib/visao-geral/" label="Saiba mais sobre as Azion Libraries" severity="secondary"  />
+<Button href="/pt-br/documentacao/produtos/azion-lib/visao-geral/" label="Saiba mais sobre as Azion Libraries" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-lib/usage/cookies.mdx b/src/content/docs/pt-br/pages/devtools/azion-lib/usage/cookies.mdx
index 0dfacd0f1f..813bfbba97 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-lib/usage/cookies.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-lib/usage/cookies.mdx
@@ -9,11 +9,11 @@ namespace: documentation_azion_lib_cookies
 menu_namespace: libMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 A biblioteca **Cookies** da Azion fornece funções utilitárias para obter e definir cookies em uma requisição e uma resposta HTTP. Esta biblioteca é útil para lidar com cookies em aplicações da web, garantindo facilidade de uso e consistência.
 
-<LinkButton link="/pt-br/documentacao/produtos/azion-lib/visao-geral/" label="Saiba mais sobre as Azion Libraries" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/azion-lib/visao-geral/" label="Saiba mais sobre as Azion Libraries" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-lib/usage/domains.mdx b/src/content/docs/pt-br/pages/devtools/azion-lib/usage/domains.mdx
index b242e0e22f..181bdec5ad 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-lib/usage/domains.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-lib/usage/domains.mdx
@@ -9,11 +9,11 @@ namespace: documentation_azion_lib_domains
 menu_namespace: libMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 A biblioteca **Domains** da Azion fornece uma interface simples para interagir com a API de **Domains**, permitindo que você crie, liste, obtenha, atualize e exclua domínios.
 
-<LinkButton link="/pt-br/documentacao/produtos/azion-lib/visao-geral/" label="Saiba mais sobre as Azion Libraries" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/azion-lib/visao-geral/" label="Saiba mais sobre as Azion Libraries" type="primary" theme="light" />
 
 Você pode interagir com a API usando um `client` ou chamando os métodos diretamente da biblioteca. Quando faz chamadas diretas, você pode usar as variáveis de ambiente para configurar o `client` sem passar os parâmetros de token e debug diretamente.
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-lib/usage/jwt.mdx b/src/content/docs/pt-br/pages/devtools/azion-lib/usage/jwt.mdx
index cd221e6454..7ffe4ae980 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-lib/usage/jwt.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-lib/usage/jwt.mdx
@@ -9,11 +9,11 @@ namespace: documentation_azion_lib_jwt
 menu_namespace: libMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 A biblioteca **JWT** da Azion fornece funções utilitárias para assinar, verificar e decodificar **JSON Web Tokens (JWTs)**. Essa biblioteca garante facilidade de uso e segurança ao lidar com JWTs em aplicações web.
 
-<LinkButton link="/pt-br/documentacao/produtos/azion-lib/visao-geral/" label="Saiba mais sobre as Azion Libraries" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/azion-lib/visao-geral/" label="Saiba mais sobre as Azion Libraries" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-lib/usage/purge.mdx b/src/content/docs/pt-br/pages/devtools/azion-lib/usage/purge.mdx
index c0bb7bbe99..5e8d59c774 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-lib/usage/purge.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-lib/usage/purge.mdx
@@ -9,11 +9,11 @@ namespace: documentation_azion_lib_purge
 menu_namespace: libMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 A biblioteca **Purge** fornece métodos para interagir com a API de **Cache Purge**, permitindo que você exclua URLs, chaves de cache e expressões wildcard do cache. Esse cliente é configurável e suporta tanto o modo de debug quanto a configuração baseada em variáveis de ambiente.
 
-<LinkButton link="/pt-br/documentacao/produtos/azion-lib/visao-geral/" label="Saiba mais sobre as Azion Libraries" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/azion-lib/visao-geral/" label="Saiba mais sobre as Azion Libraries" type="primary" theme="light" />
 
 Você pode interagir com a API usando um `client` ou chamando os métodos diretamente da biblioteca. Ao fazer chamadas diretas, você pode usar as variáveis de ambiente para configurar o `client` sem passar os parâmetros de token e debug diretamente.
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-lib/usage/sql.mdx b/src/content/docs/pt-br/pages/devtools/azion-lib/usage/sql.mdx
index e42571b15f..9a9368310d 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-lib/usage/sql.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-lib/usage/sql.mdx
@@ -9,11 +9,11 @@ namespace: documentation_azion_lib_sql
 menu_namespace: libMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 A biblioteca **SQL Database** fornece métodos para interagir com a API do **SQL Database**, permitindo que você crie, exclua e faça consultas em bancos de dados. Este cliente é configurável e suporta tanto o modo de debug quanto configuração baseada em variáveis de ambiente.
 
-<LinkButton link="/pt-br/documentacao/produtos/azion-lib/visao-geral/" label="Saiba mais sobre as Azion Libraries" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/azion-lib/visao-geral/" label="Saiba mais sobre as Azion Libraries" type="primary" theme="light" />
 
 Você pode interagir com a API do SQL usando um `client` ou chamando os métodos diretamente da biblioteca. Ao fazer chamadas diretas, você pode usar as variáveis de ambiente para configurar o `client` sem passar os parâmetros de token e debug diretamente.
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-lib/usage/storage.mdx b/src/content/docs/pt-br/pages/devtools/azion-lib/usage/storage.mdx
index 811fa3e5e1..6b5ae17169 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-lib/usage/storage.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-lib/usage/storage.mdx
@@ -9,11 +9,11 @@ namespace: documentation_azion_lib_storage
 menu_namespace: libMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 A biblioteca **Object Storage** fornece métodos para interagir com a API do **Object Storage**, permitindo que você gerencie buckets e objetos. Este cliente é configurável e suporta tanto o modo de debug quanto a configuração baseada em variáveis de ambiente.
 
-<LinkButton link="/pt-br/documentacao/produtos/azion-lib/visao-geral/" label="Saiba mais sobre as Azion Libraries" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/azion-lib/visao-geral/" label="Saiba mais sobre as Azion Libraries" type="primary" theme="light" />
 
 Você pode interagir com a API usando um `client` ou chamando os métodos diretamente da biblioteca. Quando fizer chamadas diretas, você pode usar as variáveis de ambiente para configurar o `client` sem passar os parâmetros de token e debug diretamente.
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-lib/usage/types.mdx b/src/content/docs/pt-br/pages/devtools/azion-lib/usage/types.mdx
index bd51f420e0..45eeab646e 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-lib/usage/types.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-lib/usage/types.mdx
@@ -9,7 +9,7 @@ namespace: documentation_azion_lib_types
 menu_namespace: libMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 O pacote **Types** fornece tipos globais TypeScript que são usados em toda a plataforma da Azion, garantindo consistência e reduzindo redundância em toda a base de código.
 
@@ -17,7 +17,7 @@ O pacote **Types** fornece tipos globais TypeScript que são usados em toda a pl
 Esses tipos são especialmente projetados para ambientes do **Azion Runtime** e podem não funcionar bem em ambientes de desenvolvimento locais.
 :::
 
-<LinkButton link="/pt-br/documentacao/produtos/azion-lib/visao-geral/" label="Saiba mais sobre as Azion Libraries" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/azion-lib/visao-geral/" label="Saiba mais sobre as Azion Libraries" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-lib/usage/unenv.mdx b/src/content/docs/pt-br/pages/devtools/azion-lib/usage/unenv.mdx
index 11a7e3b60e..b4e0bebf2a 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-lib/usage/unenv.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-lib/usage/unenv.mdx
@@ -8,11 +8,11 @@ meta_tags: >-
 namespace: documentation_azion_lib_unenv
 menu_namespace: libMenu
 ---
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Este preset fornece **polyfills** para APIs comuns do **Node.js**, garantindo compatibilidade ao executar código no ambiente do **Azion Runtime**. Os seguintes módulos são preenchidos:
 
-<LinkButton link="/pt-br/documentacao/produtos/azion-lib/visao-geral/" label="Saiba mais sobre as Azion Libraries" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/azion-lib/visao-geral/" label="Saiba mais sobre as Azion Libraries" type="primary" theme="light" target="_blank" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-lib/usage/utils.mdx b/src/content/docs/pt-br/pages/devtools/azion-lib/usage/utils.mdx
index 92fc7490ae..10bf06b0de 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-lib/usage/utils.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-lib/usage/utils.mdx
@@ -9,11 +9,11 @@ namespace: documentation_azion_lib_utils
 menu_namespace: libMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 O pacote **Azion Utils** fornece um conjunto de funções utilitárias projetadas para simplificar tarefas comuns ao trabalhar com o Functions. Esses utilitários abrangem tarefas como roteamento para Single-Page Applications (SPA) e Multi-Page Applications (MPA), e também o parse e debug de requisições recebidas.
 
-<LinkButton link="/pt-br/documentacao/produtos/azion-lib/visao-geral" label="Saiba mais sobre as Azion Libraries" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/azion-lib/visao-geral" label="Saiba mais sobre as Azion Libraries" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/devtools/azion-lib/usage/wasm-image-processor.mdx b/src/content/docs/pt-br/pages/devtools/azion-lib/usage/wasm-image-processor.mdx
index 024e563e4e..b82fe29cee 100644
--- a/src/content/docs/pt-br/pages/devtools/azion-lib/usage/wasm-image-processor.mdx
+++ b/src/content/docs/pt-br/pages/devtools/azion-lib/usage/wasm-image-processor.mdx
@@ -9,11 +9,11 @@ namespace: documentation_azion_lib_wasm_image_processor
 menu_namespace: libMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 A biblioteca **WASM Image Processor** da Azion fornece funções para processar imagens usando **WebAssembly**. Essa biblioteca permite carregar, redimensionar e recuperar imagens em vários formatos de forma eficiente.
 
-<LinkButton link="/pt-br/documentacao/produtos/azion-lib/visao-geral/" label="Saiba mais sobre as Azion Libraries" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/azion-lib/visao-geral/" label="Saiba mais sobre as Azion Libraries" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/devtools/cli/azion-cli/azion-overview/azion-overview.mdx b/src/content/docs/pt-br/pages/devtools/cli/azion-cli/azion-overview/azion-overview.mdx
index 51b0cb1789..e7bf4a947f 100644
--- a/src/content/docs/pt-br/pages/devtools/cli/azion-cli/azion-overview/azion-overview.mdx
+++ b/src/content/docs/pt-br/pages/devtools/cli/azion-cli/azion-overview/azion-overview.mdx
@@ -14,7 +14,7 @@ menu_namespace: cliMenuAlpha
 ---
 
 import Code from '~/components/Code/Code.astro'
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 A **Azion CLI** é uma interface de linha de comando (CLI) [open source](https://github.com/aziontech/azion-CLI/) que permite interagir com a Azion Web Platform pelo terminal. Você pode usar a Azion CLI para:
 
@@ -172,10 +172,10 @@ Os frameworks disponíveis que executam aplicações **estáticas** (deliver) in
 
 Para aplicações que requerem processamento no edge (compute) em vez de apenas a entrega de conteúdo:
 
-<LinkButton link="/pt-br/documentacao/runtime-api/frameworks-suportados/nextjs/" label="compatibilidade entre a Azion e o Next.js" severity="secondary" target="_blank" />
-<LinkButton link="/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade-frameworks/" label="saiba mais sobre os Web frameworks suportados" severity="secondary" target="_blank" />
-<LinkButton link="/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade/node/" label="saiba mais sobre o suporte ao Node.js" severity="secondary" target="_blank" />
-<LinkButton link="/pt-br/documentacao/produtos/edge-application/edge-functions/runtime-apis/javascript/" label="saiba mais sobre as Web APIs suportadas" severity="secondary" target="blank" />
+<Button href="/pt-br/documentacao/runtime-api/frameworks-suportados/nextjs/" label="compatibilidade entre a Azion e o Next.js" type="primary" theme="light" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade-frameworks/" label="saiba mais sobre os Web frameworks suportados" type="primary" theme="light" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade/node/" label="saiba mais sobre o suporte ao Node.js" type="primary" theme="light" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/edge-application/edge-functions/runtime-apis/javascript/" label="saiba mais sobre as Web APIs suportadas" type="primary" theme="light" target="blank" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/devtools/cli/azion-cli/comandos/dev-command/dev.mdx b/src/content/docs/pt-br/pages/devtools/cli/azion-cli/comandos/dev-command/dev.mdx
index b0f5e28a5d..b72aa5c869 100644
--- a/src/content/docs/pt-br/pages/devtools/cli/azion-cli/comandos/dev-command/dev.mdx
+++ b/src/content/docs/pt-br/pages/devtools/cli/azion-cli/comandos/dev-command/dev.mdx
@@ -12,7 +12,7 @@ namespace: documentation_cli_dev
 menu_namespace: cliMenuAlpha
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 :::note
 No caso de um ou mais campos obrigatórios não serem informados através das flags específicas, uma mensagem interativa será exibida, solicitando essas informações.
@@ -26,7 +26,7 @@ O comando `dev` adapta o ambiente para o build de sua application e executa o pr
 Se você deseja executar este comando para um projeto que ainda não foi inicializado como uma Azion application, você pode executar o comando `link` para vincular o projeto à Azion.
 :::
 
-<LinkButton link="/pt-br/documentacao/produtos/azion-cli/link-comando/" label="Vincule um projeto em uma Azion edge appliction" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/azion-cli/link-comando/" label="Vincule um projeto em uma Azion edge appliction" type="primary" theme="light" /> 
 
 :::note 
 É necessário rodar o comando dentro da pasta raiz do projeto.
@@ -64,8 +64,8 @@ A opção `--help` exibe mais informações sobre o comando `dev`.
 
 A opção `--firewall` indica que a função é destinada para o Firewall.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/edge-functions/primeiros-passos/" label="Functions para Application" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/edge-functions/primeiros-passos/" label="Functions para Application" type="primary" theme="light" /> 
 
 <br />
 
-<LinkButton link="/pt-br/documentacao/produtos/secure/firewall/functions/" label=" Functions para Firewall" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/secure/firewall/functions/" label=" Functions para Firewall" type="primary" theme="light" /> 
diff --git a/src/content/docs/pt-br/pages/devtools/cli/azion-cli/configs/azion-config-js.mdx b/src/content/docs/pt-br/pages/devtools/cli/azion-cli/configs/azion-config-js.mdx
index 55cc6c0f39..90caec891a 100644
--- a/src/content/docs/pt-br/pages/devtools/cli/azion-cli/configs/azion-config-js.mdx
+++ b/src/content/docs/pt-br/pages/devtools/cli/azion-cli/configs/azion-config-js.mdx
@@ -10,7 +10,7 @@ permalink: /documentacao/devtools/cli/configs/azion-config-js/
 menu_namespace: cliMenuAlpha
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 
 O arquivo `azion.config.js` é um arquivo de configuração de IaC criado durante o processo de build da aplicação, com base no preset selecionado, e serve como a fonte de verdade para a configuração. Cada preset fornece um conjunto de configurações padrão, que podem ser substituídas pelo usuário. Se o arquivo for excluído, a configuração padrão será recriada na próxima vez que o processo de build for disparado.
diff --git a/src/content/docs/pt-br/pages/guias/account-lockout-policy/configure-account-lockout-policy.mdx b/src/content/docs/pt-br/pages/guias/account-lockout-policy/configure-account-lockout-policy.mdx
index 59099ab1a9..cd19596b6c 100644
--- a/src/content/docs/pt-br/pages/guias/account-lockout-policy/configure-account-lockout-policy.mdx
+++ b/src/content/docs/pt-br/pages/guias/account-lockout-policy/configure-account-lockout-policy.mdx
@@ -6,7 +6,7 @@ namespace: docs_guides_account_lockout_policy
 permalink: /documentacao/produtos/guias/configurar-account-lockout-policy/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag';
 
 <Tag severity="info" client:only="vue">Preview</Tag>
@@ -15,7 +15,7 @@ A **Account Lockout Policy** permite que você defina o número máximo de tenta
 
 Este guia lhe orienta na configuração da Account Lockout Policy.
 
-<LinkButton link="/pt-br/documentacao/produtos/gestao-de-contas/account-lockout-policy/" label="Saiba mais sobre Account Lockout Policy" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/gestao-de-contas/account-lockout-policy/" label="Saiba mais sobre Account Lockout Policy" type="primary" theme="light" target="_blank" />
 
 :::note
 Quando uma organização configura a Account Lockout Policy, a política se aplica a todos os níveis de conta.
diff --git a/src/content/docs/pt-br/pages/guias/account-lockout-policy/logs-account-lockout-policy.mdx b/src/content/docs/pt-br/pages/guias/account-lockout-policy/logs-account-lockout-policy.mdx
index 0979ee816f..8aecf3a244 100644
--- a/src/content/docs/pt-br/pages/guias/account-lockout-policy/logs-account-lockout-policy.mdx
+++ b/src/content/docs/pt-br/pages/guias/account-lockout-policy/logs-account-lockout-policy.mdx
@@ -6,7 +6,7 @@ namespace: docs_guides_account_lockout_policy_logs
 permalink: /documentacao/produtos/guias/account-lockout-policy-logs/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag';
 
 <Tag severity="info" client:only="vue">Preview</Tag>
@@ -15,7 +15,7 @@ A **Account Lockout Policy** gera logs contendo informações relacionadas às t
 
 Este guia o orienta sobre como verificar os logs gerados pela Account Lockout Policy.
 
-<LinkButton link="/pt-br/documentacao/produtos/gestao-de-contas/account-lockout-policy/" label="Saiba mais sobre Account Lockout Policy" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/gestao-de-contas/account-lockout-policy/" label="Saiba mais sobre Account Lockout Policy" type="primary" theme="light" target="_blank" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/account-lockout-policy/unlock-user-account-lockout-policy.mdx b/src/content/docs/pt-br/pages/guias/account-lockout-policy/unlock-user-account-lockout-policy.mdx
index 4893f22e07..07727a4fad 100644
--- a/src/content/docs/pt-br/pages/guias/account-lockout-policy/unlock-user-account-lockout-policy.mdx
+++ b/src/content/docs/pt-br/pages/guias/account-lockout-policy/unlock-user-account-lockout-policy.mdx
@@ -6,7 +6,7 @@ namespace: docs_guides_account_lockout_policy_unlock
 permalink: /documentacao/produtos/guias/desbloquear-account-lockout-policy/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag';
 
 <Tag severity="info" client:only="vue">Preview</Tag>
@@ -15,7 +15,7 @@ Quando um usuário é bloqueado pela política de bloqueio de conta, o *Account
 
 Este guia o orienta sobre como desbloquear manualmente um usuário da Account Lockout Policy e garantir o acesso.
 
-<LinkButton link="/pt-br/documentacao/produtos/gestao-de-contas/account-lockout-policy/" label="Saiba mais sobre Account Lockout Policy" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/gestao-de-contas/account-lockout-policy/" label="Saiba mais sobre Account Lockout Policy" type="primary" theme="light" target="_blank" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/acessar-azion-console/acessar-azion-console.mdx b/src/content/docs/pt-br/pages/guias/acessar-azion-console/acessar-azion-console.mdx
index 9a962494dc..47e7a0cecf 100644
--- a/src/content/docs/pt-br/pages/guias/acessar-azion-console/acessar-azion-console.mdx
+++ b/src/content/docs/pt-br/pages/guias/acessar-azion-console/acessar-azion-console.mdx
@@ -17,9 +17,9 @@ O [Azion Console](https://console.azion.com) é a interface de configuração on
 
 Esta documentação ajudará você a acessar a interface e explorar os produtos e recursos.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/conhecendo-o-azion-console/" label="saiba mais sobre o Azion Console" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/conhecendo-o-azion-console/" label="saiba mais sobre o Azion Console" type="primary" theme="light" /> 
 
 
 
diff --git a/src/content/docs/pt-br/pages/guias/contas/configurar-user-session-timeout.mdx b/src/content/docs/pt-br/pages/guias/contas/configurar-user-session-timeout.mdx
index 8f176b3f34..25dd7067e7 100644
--- a/src/content/docs/pt-br/pages/guias/contas/configurar-user-session-timeout.mdx
+++ b/src/content/docs/pt-br/pages/guias/contas/configurar-user-session-timeout.mdx
@@ -6,7 +6,7 @@ namespace: docs_guides_user_session_timeout
 permalink: /documentacao/produtos/guias/configurar-user-session-timeout/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag';
 
 <Tag severity="info" client:only="vue">Preview</Tag>
@@ -21,7 +21,7 @@ Quando uma organização configura o User Session Timeout, a política se aplica
 Esta política está disponível para clientes de todos os [Planos de Serviço da Azion](https://www.azion.com/pt-br/servicos-profissionais/).
 :::
 
-<LinkButton link="/pt-br/documentacao/produtos/gestao-de-contas/user-session-timeout/" label="Saiba mais sobre o User Session Timeout" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/gestao-de-contas/user-session-timeout/" label="Saiba mais sobre o User Session Timeout" type="primary" theme="light" target="_blank" />
 
 --- 
 
diff --git a/src/content/docs/pt-br/pages/guias/debug-regras/debug-regras.mdx b/src/content/docs/pt-br/pages/guias/debug-regras/debug-regras.mdx
index 3d14ecc295..4bf490717e 100644
--- a/src/content/docs/pt-br/pages/guias/debug-regras/debug-regras.mdx
+++ b/src/content/docs/pt-br/pages/guias/debug-regras/debug-regras.mdx
@@ -10,7 +10,7 @@ namespace: documentation_how_to_debug_rules
 permalink: /documentacao/produtos/guias/debug-regras/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Apiv4Rollout from '~/includes/snippets/apiv4Rollout/pt/snippet.mdx'
 import Tabs from '~/components/tabs/Tabs'
 
@@ -20,7 +20,7 @@ import Tabs from '~/components/tabs/Tabs'
 
 Você pode fazer o debug de regras usando **GraphQL API**, Azion **Data Stream** e Azion **Real-Time Events**.
 
-<LinkButton link="/pt-br/documentacao/produtos/build/edge-application/rules-engine/" label="Saiba mais sobre Rules Engine" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/build/edge-application/rules-engine/" label="Saiba mais sobre Rules Engine" type="primary" theme="light" />
 
 Existem instruções separadas usando configurações de [Domains legados](/pt-br/documentacao/produtos/build/edge-application/domains/) e usando o novo produto [Workloads](/pt-br/documentacao/produtos/secure/workloads).
 
diff --git a/src/content/docs/pt-br/pages/guias/edge-application/ea-cache-policies.mdx b/src/content/docs/pt-br/pages/guias/edge-application/ea-cache-policies.mdx
index 39f8a98deb..fc2d7fa492 100644
--- a/src/content/docs/pt-br/pages/guias/edge-application/ea-cache-policies.mdx
+++ b/src/content/docs/pt-br/pages/guias/edge-application/ea-cache-policies.mdx
@@ -11,7 +11,7 @@ permalink: /documentacao/produtos/guias/cache-settings/
 og_image: /assets/docs/images/uploads/02-09-edge-caching-1.png
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 O Azion **Applications** pode manter seu conteúdo armazenado em cache no edge para sustentar altos níveis de demanda sem comprometer a qualidade ou o desempenho. Isto resulta em uma melhor experiência do usuário, tempos de carregamento mais rápidos e custos de manutenção mais baixos.
 
@@ -81,7 +81,7 @@ Se você quiser ignorar as políticas de cache de origem, você pode criar uma r
 
 Note que a funcionalidade de ignorar cache afeta apenas políticas de cache da origem, não políticas de cache do navegador. Para isso, você deve aplicar o comportamento **Set Cache Policy** descrito acima.
 
-<LinkButton link="/pt-br/documentacao/produtos/build/edge-application/rules-engine/#bypass-cache" label="Saiba mais sobre Bypass Cache" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/build/edge-application/rules-engine/#bypass-cache" label="Saiba mais sobre Bypass Cache" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/edge-application/ea-customize-error-responses.mdx b/src/content/docs/pt-br/pages/guias/edge-application/ea-customize-error-responses.mdx
index 2154d9fb10..625066b2d8 100644
--- a/src/content/docs/pt-br/pages/guias/edge-application/ea-customize-error-responses.mdx
+++ b/src/content/docs/pt-br/pages/guias/edge-application/ea-customize-error-responses.mdx
@@ -8,7 +8,7 @@ namespace: documentation_how_to_configurations_customizing_error_response_page
 permalink: /documentacao/produtos/guias/personalizar-pagina-resposta-erro/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 import Apiv4Rollout from '~/includes/snippets/apiv4Rollout/pt/snippet.mdx'
 
diff --git a/src/content/docs/pt-br/pages/guias/edge-application/ea-enforce-hls.mdx b/src/content/docs/pt-br/pages/guias/edge-application/ea-enforce-hls.mdx
index 439bd7fcff..b6c2d96b66 100644
--- a/src/content/docs/pt-br/pages/guias/edge-application/ea-enforce-hls.mdx
+++ b/src/content/docs/pt-br/pages/guias/edge-application/ea-enforce-hls.mdx
@@ -8,7 +8,7 @@ namespace: docs_guides_enforce_hls_cache
 permalink: /documentacao/produtos/guias/implementar-cache-hls/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 import Code from '~/components/Code/Code.astro'
 
@@ -198,4 +198,4 @@ Pronto! Agora você pode configurar sua fonte e codificador apontando para a Azi
 Acesse a documentação do [Rules Engine for Applications](/pt-br/documentacao/produtos/build/edge-application/rules-engine/) para mais detalhes.
 :::
 
-<LinkButton link="/pt-br/documentacao/arquiteturas/live-streaming-delivery/live-streaming-delivery-com-hls/" label="Consulte a arquitetura de Live Streaming Delivery" severity="secondary" />
+<Button href="/pt-br/documentacao/arquiteturas/live-streaming-delivery/live-streaming-delivery-com-hls/" label="Consulte a arquitetura de Live Streaming Delivery" type="primary" theme="light" />
diff --git a/src/content/docs/pt-br/pages/guias/edge-application/ea-rules-engine.mdx b/src/content/docs/pt-br/pages/guias/edge-application/ea-rules-engine.mdx
index 36305fb6e4..063b1b08b7 100644
--- a/src/content/docs/pt-br/pages/guias/edge-application/ea-rules-engine.mdx
+++ b/src/content/docs/pt-br/pages/guias/edge-application/ea-rules-engine.mdx
@@ -12,13 +12,13 @@ permalink: /documentacao/produtos/guias/rules-engine/
 og_image: /assets/docs/images/uploads/16-09-rules-for-static-websites.png
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 **Rules Engine** é um recurso de **Applications** que permite que você crie soluções sem necessidade de código, aplicando as regras de negócio do seu aplicativo diretamente no edge.
 
 Com a arquitetura de proxy reverso da Azion **Applications**, as regras que você cria serão executadas entre a **Request phase**, que contém dados que o cliente envia para uma origem, ou a **Response phase**, que contém dados da origem que são enviados para o cliente.
 
-<LinkButton link="/pt-br/documentacao/produtos/build/edge-application/rules-engine/" label="Saiba mais sobre Rules Engine" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/build/edge-application/rules-engine/" label="Saiba mais sobre Rules Engine" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/edge-dns/run-dig-command.mdx b/src/content/docs/pt-br/pages/guias/edge-dns/run-dig-command.mdx
index c157021bc3..925ba08c79 100644
--- a/src/content/docs/pt-br/pages/guias/edge-dns/run-dig-command.mdx
+++ b/src/content/docs/pt-br/pages/guias/edge-dns/run-dig-command.mdx
@@ -7,7 +7,7 @@ namespace: documentation_how_to_troubleshoot_dig
 permalink: /documentacao/produtos/guias/executar-o-comando-dig/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Dig** ou **comando dig** é uma ferramenta de linha de comando para consulta de informações sobre domínios em servidores Domain Name System (DNS). Originalmente chamado de Domain Information Groper, o comando faz parte do BIND, um grupo de ferramentas de rede mantido pelo Internet Systems Consortium (ISC).
 
@@ -15,9 +15,9 @@ O comando `dig` é comumente utilizado para solução de problemas de rede, dom
 
 Se você tiver uma zona configurada no **Azion Edge DNS**, você pode testá-la para conferir se sua zona está funcionando corretamente.
 
-<LinkButton link="https://console.azion.com/signup" label="crie uma conta na Azion" severity="secondary" /> <br></br>
+<Button href="https://console.azion.com/signup" label="crie uma conta na Azion" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/edge-dns-definir-main-settings/" label="crie uma zona" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/secure/edge-dns-definir-main-settings/" label="crie uma zona" type="primary" theme="light" />
 
 Neste guia, iremos consultar registros de um domínio específico e de diversos domínios na mesma requisição; selecionar qual servidor DNS utilizar para a consulta; descobrir a latência (em milissegundos); quais são os IPs associados aos domínios consultados; além de rastrear todo o processo de resolução dos nameservers, da raiz até o último nameserver autoritário (que mantém os registros do domínio).
 
@@ -93,7 +93,7 @@ Essa resposta é bem diferente da requisição simples e apresenta todos os serv
 
 Se você [configurou uma zona](/pt-br/documentacao/produtos/guias/secure/edge-dns-definir-main-settings/), você pode usar o comando dig para testar como e se ela está recebendo o tráfego adequado. Por exemplo, se você configurou um balanceamento de carga com registro DNS, você pode testar e ver se o balanceamento de carga está funcionando corretamente.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/balanceamento-de-carga-dns/" label="teste o registro balanceado" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/secure/balanceamento-de-carga-dns/" label="teste o registro balanceado" type="primary" theme="light" />
 
 Você também pode checar a latência de uma aplicação web com o comando dig para validar o serviço de Edge Computing da Azion. É possível, por exemplo, comparar a latência da sua aplicação, servida por um serviço de Cloud Computing e pela Edge da Azion.
 
diff --git a/src/content/docs/pt-br/pages/guias/edge-firewall/atualizar-edge-firewall.mdx b/src/content/docs/pt-br/pages/guias/edge-firewall/atualizar-edge-firewall.mdx
index 8591b4a9fa..f5eae956e3 100644
--- a/src/content/docs/pt-br/pages/guias/edge-firewall/atualizar-edge-firewall.mdx
+++ b/src/content/docs/pt-br/pages/guias/edge-firewall/atualizar-edge-firewall.mdx
@@ -6,7 +6,7 @@ permalink: /documentacao/produtos/guias/como-atualizar-seu-firewall/
 description: Saiba como atualizar as ferramentas e opções do Firewall.
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 
 Anteriormente, para utilizar um rule set do Firewall ou do Web Application Firewall (WAF), era necessário ativar esses módulos na aba **Main Settings** de cada application. Em seguida, critérios e comportamentos eram aplicados na aba **Rules Engine** da aplicação.
@@ -19,7 +19,7 @@ Os Rule Sets descontinuados do Firewall exibem um banner com a seguinte mensagem
 
 Esta documentação lhe guiará na atualização dos recursos do Firewall usados nas versões obsoletas para as mais recentes. Cada seção descreve como cada recurso funciona nos novos módulos, Network Lists e Rules Engine.
 
-<LinkButton link="/pt-br/documentacao/produtos/secure/edge-firewall/" label="Saiba mais sobre o Firewall" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/secure/edge-firewall/" label="Saiba mais sobre o Firewall" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/edge-functions/edge-functions-examples/browserless-edge-functions.mdx b/src/content/docs/pt-br/pages/guias/edge-functions/edge-functions-examples/browserless-edge-functions.mdx
index 802a475be3..65f12006ca 100644
--- a/src/content/docs/pt-br/pages/guias/edge-functions/edge-functions-examples/browserless-edge-functions.mdx
+++ b/src/content/docs/pt-br/pages/guias/edge-functions/edge-functions-examples/browserless-edge-functions.mdx
@@ -7,7 +7,7 @@ namespace: docs_guides_browserless
 permalink: /documentacao/produtos/guias/build/aplicacao-browserless-functions/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Este guia demonstra como criar uma aplicação browserless usando Azion Functions. Aplicações browserless permitem executar tarefas de automação web, scraping e operações baseadas em navegador sem a sobrecarga de executar uma instância completa de navegador, tornando-as ideais para ambientes de edge computing.
 
@@ -169,5 +169,5 @@ A Function browserless tipicamente inclui:
 
 ---
 
-<LinkButton link="/pt-br/documentacao/produtos/build/edge-application/edge-functions/" text="Saiba mais sobre Functions" />
-<LinkButton link="/pt-br/documentacao/produtos/guias/build/criar-uma-aplicacao/" text="Construa uma aplicação" />
+<Button href="/pt-br/documentacao/produtos/build/edge-application/edge-functions/" type="primary" theme="light" />
+<Button href="/pt-br/documentacao/produtos/guias/build/criar-uma-aplicacao/" type="primary" theme="light" />
diff --git a/src/content/docs/pt-br/pages/guias/edge-functions/edge-functions-examples/file-upload-edge-functions.mdx b/src/content/docs/pt-br/pages/guias/edge-functions/edge-functions-examples/file-upload-edge-functions.mdx
index c799e7dcaa..06237c08b7 100644
--- a/src/content/docs/pt-br/pages/guias/edge-functions/edge-functions-examples/file-upload-edge-functions.mdx
+++ b/src/content/docs/pt-br/pages/guias/edge-functions/edge-functions-examples/file-upload-edge-functions.mdx
@@ -7,7 +7,7 @@ namespace: docs_guides_file_upload
 permalink: /documentacao/produtos/guias/build/upload-arquivos-functions/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Este guia demonstra como implementar funcionalidade segura de upload de arquivos usando Azion Functions e Object Storage. Ao lidar com uploads de arquivos no edge, você pode fornecer velocidades de upload mais rápidas e melhor experiência do usuário mantendo segurança e escalabilidade.
 
@@ -239,5 +239,5 @@ function authenticateUser(request) {
 
 ---
 
-<LinkButton link="/pt-br/documentacao/produtos/store/edge-storage/" text="Saiba mais sobre Object Storage" />
-<LinkButton link="/pt-br/documentacao/produtos/edge-application/edge-functions/" text="Saiba mais sobre Functions" />
+<Button href="/pt-br/documentacao/produtos/store/edge-storage/" type="primary" theme="light" />
+<Button href="/pt-br/documentacao/produtos/edge-application/edge-functions/" type="primary" theme="light" />
diff --git a/src/content/docs/pt-br/pages/guias/edge-functions/edge-functions-examples/resend-email-edge-functions.mdx b/src/content/docs/pt-br/pages/guias/edge-functions/edge-functions-examples/resend-email-edge-functions.mdx
index f5e76a99d9..481c863325 100644
--- a/src/content/docs/pt-br/pages/guias/edge-functions/edge-functions-examples/resend-email-edge-functions.mdx
+++ b/src/content/docs/pt-br/pages/guias/edge-functions/edge-functions-examples/resend-email-edge-functions.mdx
@@ -7,7 +7,7 @@ namespace: docs_guides_resend_email
 permalink: /documentacao/produtos/guias/build/integrar-resend-email-functions/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Este guia demonstra como integrar o serviço de email Resend com Azion Functions para enviar emails transacionais diretamente do edge. Esta integração fornece entrega de email rápida e confiável com performance otimizada e alcance global.
 
@@ -249,5 +249,5 @@ Adicione capacidades de rastreamento para monitorar engajamento de email:
 
 ---
 
-<LinkButton link="https://resend.com/docs" text="Documentação da API Resend" />
-<LinkButton link="/pt-br/documentacao/produtos/build/edge-application/edge-functions/" text="Saiba mais sobre Functions" />
+<Button href="https://resend.com/docs" type="primary" theme="light" />
+<Button href="/pt-br/documentacao/produtos/build/edge-application/edge-functions/" type="primary" theme="light" />
diff --git a/src/content/docs/pt-br/pages/guias/edge-functions/edge-functions-examples/restful-tasks-api-edge-functions.mdx b/src/content/docs/pt-br/pages/guias/edge-functions/edge-functions-examples/restful-tasks-api-edge-functions.mdx
index 31a7aa0e49..2457af3755 100644
--- a/src/content/docs/pt-br/pages/guias/edge-functions/edge-functions-examples/restful-tasks-api-edge-functions.mdx
+++ b/src/content/docs/pt-br/pages/guias/edge-functions/edge-functions-examples/restful-tasks-api-edge-functions.mdx
@@ -7,7 +7,7 @@ namespace: docs_guides_restful_tasks_api
 permalink: /documentacao/produtos/guias/build/api-restful-edge-functions-edge-sql/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Este guia demonstra como construir uma API RESTful completa para gerenciamento de tarefas usando Azion Functions e SQL Database. Você aprenderá a implementar operações CRUD (Create, Read, Update, Delete) completas no edge, fornecendo endpoints de API rápidos e escaláveis globalmente.
 
@@ -532,5 +532,5 @@ async function getTasksPaginated(page = 1, limit = 10) {
 
 ---
 
-<LinkButton link="/pt-br/documentacao/produtos/store/edge-sql/" text="Saiba mais sobre SQL Database" />
-<LinkButton link="/pt-br/documentacao/produtos/build/edge-application/edge-functions/" text="Saiba mais sobre Functions" />
+<Button href="/pt-br/documentacao/produtos/store/edge-sql/" type="primary" theme="light" />
+<Button href="/pt-br/documentacao/produtos/build/edge-application/edge-functions/" type="primary" theme="light" />
diff --git a/src/content/docs/pt-br/pages/guias/edge-functions/edge-functions-examples/stripe-webhooks-edge-functions.mdx b/src/content/docs/pt-br/pages/guias/edge-functions/edge-functions-examples/stripe-webhooks-edge-functions.mdx
index 7c0c0fde3c..7cb587afb2 100644
--- a/src/content/docs/pt-br/pages/guias/edge-functions/edge-functions-examples/stripe-webhooks-edge-functions.mdx
+++ b/src/content/docs/pt-br/pages/guias/edge-functions/edge-functions-examples/stripe-webhooks-edge-functions.mdx
@@ -7,7 +7,7 @@ namespace: docs_guides_stripe_webhooks
 permalink: /documentacao/produtos/guias/build/webhooks-stripe-functions/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Este guia demonstra como lidar com webhooks do Stripe de forma segura usando Azion Functions. Você aprenderá a processar eventos de pagamento em tempo real, verificar assinaturas de webhook e construir um sistema robusto de processamento de pagamentos no edge.
 
@@ -302,5 +302,5 @@ function logWebhookEvent(event, status, processingTime) {
 
 ---
 
-<LinkButton link="https://stripe.com/docs/webhooks" text="Documentação de Webhooks do Stripe" />
-<LinkButton link="/pt-br/documentacao/produtos/build/edge-application/edge-functions/" text="Saiba mais sobre Functions" />
+<Button href="https://stripe.com/docs/webhooks" type="primary" theme="light" />
+<Button href="/pt-br/documentacao/produtos/build/edge-application/edge-functions/" type="primary" theme="light" />
diff --git a/src/content/docs/pt-br/pages/guias/edge-functions/serverless-functions.mdx b/src/content/docs/pt-br/pages/guias/edge-functions/serverless-functions.mdx
index 16e8bd3cc1..57c857d44a 100644
--- a/src/content/docs/pt-br/pages/guias/edge-functions/serverless-functions.mdx
+++ b/src/content/docs/pt-br/pages/guias/edge-functions/serverless-functions.mdx
@@ -8,13 +8,13 @@ meta_tags: 'serveless, functions'
 namespace: docs_use_case_serverless_functions
 permalink: /documentacao/produtos/guias/funcoes-serverless/
 ---
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 
 
 [Functions](/pt-br/documentacao/produtos/build/edge-application/edge-functions/) é um módulo da Azion Web Platform que permite que você programe e execute funções serverless, sem o uso de servidores.
 
-<LinkButton link="/pt-br/documentacao/produtos/build/edge-application/edge-functions-instances/" label="Saiba mais sobre Functions para Applications" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/build/edge-application/edge-functions-instances/" label="Saiba mais sobre Functions para Applications" type="primary" theme="light" />
 
 Para executar uma função, você deve:
 
diff --git a/src/content/docs/pt-br/pages/guias/edge-sql/criar-query.mdx b/src/content/docs/pt-br/pages/guias/edge-sql/criar-query.mdx
index ddee52ad53..a5174104ad 100644
--- a/src/content/docs/pt-br/pages/guias/edge-sql/criar-query.mdx
+++ b/src/content/docs/pt-br/pages/guias/edge-sql/criar-query.mdx
@@ -8,7 +8,7 @@ namespace: docs_sql_query
 permalink: /documentacao/produtos/guias/criar-tabelas-edge-sql/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag'
 
 <Tag severity="info" client:only="vue">
@@ -17,7 +17,7 @@ import Tag from 'primevue/tag'
 
 Depois de criar seu [banco de dados SQL Database](/pt-br/documentacao/produtos/guias/gerenciar-bancos-dados-edge-sql/), você pode começar a criar tabelas e inserir dados nelas.
 
-<LinkButton link="/pt-br/documentacao/produtos/store/edge-sql/" label="saiba mais sobre o SQL Database" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/store/edge-sql/" label="saiba mais sobre o SQL Database" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/edge-sql/gerenciar-banco.mdx b/src/content/docs/pt-br/pages/guias/edge-sql/gerenciar-banco.mdx
index 1b0a21d099..aa6d9e5e64 100644
--- a/src/content/docs/pt-br/pages/guias/edge-sql/gerenciar-banco.mdx
+++ b/src/content/docs/pt-br/pages/guias/edge-sql/gerenciar-banco.mdx
@@ -8,7 +8,7 @@ namespace: docs_sql_database_crud
 permalink: /documentacao/produtos/guias/gerenciar-bancos-dados-edge-sql/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag'
 
 <Tag severity="info" client:only="vue">
@@ -19,7 +19,7 @@ O **SQL Database** permite que você crie e gerencie bancos de dados relacionais
 
 Após criar um banco de dados, leia [Como criar e consultar dados no SQL Database](/pt-br/documentacao/produtos/guias/criar-tabelas-edge-sql/) para popular seu banco de dados.
 
-<LinkButton link="/pt-br/documentacao/produtos/store/edge-sql/" label="saiba mais sobre o SQL Database" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/store/edge-sql/" label="saiba mais sobre o SQL Database" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/edge-sql/importar-dados.mdx b/src/content/docs/pt-br/pages/guias/edge-sql/importar-dados.mdx
index 08234b03b9..250fc3d786 100644
--- a/src/content/docs/pt-br/pages/guias/edge-sql/importar-dados.mdx
+++ b/src/content/docs/pt-br/pages/guias/edge-sql/importar-dados.mdx
@@ -8,7 +8,7 @@ permalink: /documentacao/produtos/guias/importar-dados-edge-sql/
 ---
 
 import Tabs from '~/components/tabs/Tabs';
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 Este guia explica como importar dados para o seu banco de dados usando o SQL Database Shell.
 
diff --git a/src/content/docs/pt-br/pages/guias/edge-sql/listar-dados/index.mdx b/src/content/docs/pt-br/pages/guias/edge-sql/listar-dados/index.mdx
index a0beb8414b..04fe57803f 100644
--- a/src/content/docs/pt-br/pages/guias/edge-sql/listar-dados/index.mdx
+++ b/src/content/docs/pt-br/pages/guias/edge-sql/listar-dados/index.mdx
@@ -8,11 +8,11 @@ namespace: documentation_products_edge_sql_retrieve_data_edge_function
 permalink: /documentacao/produtos/guides/edge-sql/listando-dados-edge-functions-edge-sql/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Veja como recuperar dados de um banco de dados existente com o **SQL Database** e as **Functions**.
 
-<LinkButton link="/pt-br/documentacao/produtos/store/edge-sql/" label="saiba mais sobre o SQL Database" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/store/edge-sql/" label="saiba mais sobre o SQL Database" type="primary" theme="light" />
 
 ---
 
@@ -138,7 +138,7 @@ Como este exemplo é para recuperação de dados, o método foi definido como ap
 
 Esta function foi criada para se comunicar com o SQL Database. Agora, é necessário instanciar esta função em uma application em execução:
 
-<LinkButton link="/pt-br/documentacao/produtos/build/edge-application/edge-functions-instances/" label="ir para como instanciar functions na sua aplicação"  severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/build/edge-application/edge-functions-instances/" label="ir para como instanciar functions na sua aplicação" type="primary" theme="light" />
 
 
 ---
diff --git a/src/content/docs/pt-br/pages/guias/edge-sql/vector-search-guia.mdx b/src/content/docs/pt-br/pages/guias/edge-sql/vector-search-guia.mdx
index 93dcb4d74e..e39a90a0b8 100644
--- a/src/content/docs/pt-br/pages/guias/edge-sql/vector-search-guia.mdx
+++ b/src/content/docs/pt-br/pages/guias/edge-sql/vector-search-guia.mdx
@@ -7,11 +7,11 @@ permalink: /documentacao/produtos/guias/edge-sql-vector-search/
 menu_namespace: storeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Vector Search** é um recurso do **SQL Database da Azion** que permite aos clientes implementar mecanismos de busca semântica. Enquanto os modelos de busca tradicionais visam encontrar correspondências exatas, como correspondências de palavras-chave, os modelos de busca vetorial usam algoritmos especializados para identificar itens semelhantes com base em suas representações matemáticas, ou embeddings vetoriais.
 
-<LinkButton link="/pt-br/documentacao/produtos/store/edge-sql/vector-search/" label="Saiba mais sobre o Vector Search" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/store/edge-sql/vector-search/" label="Saiba mais sobre o Vector Search" type="primary" theme="light" target="_blank" />
 
 Como exemplo de implementação, este guia abordará a configuração da lógica de busca vetorial em uma aplicação TypeScript, com um banco de dados usando a biblioteca Langchain com OpenAI e a SQL Database API da Azion.
 
diff --git a/src/content/docs/pt-br/pages/guias/edge-storage/bucket-actions/index.mdx b/src/content/docs/pt-br/pages/guias/edge-storage/bucket-actions/index.mdx
index df8ec189a2..d34c575845 100644
--- a/src/content/docs/pt-br/pages/guias/edge-storage/bucket-actions/index.mdx
+++ b/src/content/docs/pt-br/pages/guias/edge-storage/bucket-actions/index.mdx
@@ -6,11 +6,11 @@ namespace: documentation_products_object_storage_upload
 permalink: /documentacao/produtos/guias/upload-e-download-de-objetos-do-bucket/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 O **Object Storage** da Azion permite que você crie buckets e integre seu armazenamento de objetos com sua infraestrutura do edge. Este guia abrange como fazer upload e download de objetos de um bucket usando a [API da Azion](https://api.azion.com) e [Azion Runtime](/pt-br/documentacao/runtime/api-reference/storage/).
 
-<LinkButton link="/pt-br/documentacao/produtos/store/edge-storage/" label="saiba mais sobre Object Storage" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/store/edge-storage/" label="saiba mais sobre Object Storage" type="primary" theme="light" />
 
 Consulte o guia [Como criar e modificar um bucket de Object Storage da Azion](/pt-br/documentacao/produtos/guias/criar-e-modificar-um-bucket/) para operações em buckets.
 
diff --git a/src/content/docs/pt-br/pages/guias/edge-storage/create-object-storage/index.mdx b/src/content/docs/pt-br/pages/guias/edge-storage/create-object-storage/index.mdx
index de52951b26..5cd09ba6f9 100644
--- a/src/content/docs/pt-br/pages/guias/edge-storage/create-object-storage/index.mdx
+++ b/src/content/docs/pt-br/pages/guias/edge-storage/create-object-storage/index.mdx
@@ -10,11 +10,11 @@ namespace: documentation_products_object_storage_bucket
 permalink: /documentacao/produtos/guias/criar-e-modificar-um-bucket/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 O **Object Storage** da Azion permite que você crie buckets e integre seu armazenamento de objetos com sua infraestrutura no edge. Este guia abrange como criar, alterar e remover um bucket de armazenamento usando a [API da Azion](https://api.azion.com).
 
-<LinkButton link="/pt-br/documentacao/produtos/store/edge-storage/" label="saiba mais sobre Object Storage" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/store/edge-storage/" label="saiba mais sobre Object Storage" type="primary" theme="light" />
 
 Consulte o guia [Como fazer upload e download de objetos de um bucket](/pt-br/documentacao/produtos/guias/upload-e-download-de-objetos-do-bucket/) para realizar operações com objetos.
 
diff --git a/src/content/docs/pt-br/pages/guias/importar-do-github/importar-do-github.mdx b/src/content/docs/pt-br/pages/guias/importar-do-github/importar-do-github.mdx
index 70fe50e1be..b32ad38b05 100644
--- a/src/content/docs/pt-br/pages/guias/importar-do-github/importar-do-github.mdx
+++ b/src/content/docs/pt-br/pages/guias/importar-do-github/importar-do-github.mdx
@@ -89,9 +89,9 @@ Como sua conta da Azion está conectada ao repositório do GitHub, todas as alte
 
 A application criada tem um domínio Azion atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="saiba mais sobre domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="saiba mais sobre domínios" type="primary" theme="light" /> 
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/integrations/bot-manager-lite.mdx b/src/content/docs/pt-br/pages/guias/marketplace/integrations/bot-manager-lite.mdx
index e68d1016b0..c0d2bc9d90 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/integrations/bot-manager-lite.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/integrations/bot-manager-lite.mdx
@@ -188,8 +188,8 @@ Para encontrar esse arquivo:
 
 Você poderá ajustar os parâmetros do **Bot Manager Lite** de acordo com as necessidades do seu negócio.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/gerenciar-bots/" label="consulte o guia sobre gerenciar bots" outlined /> 
+<Button href="/pt-br/documentacao/produtos/guias/secure/gerenciar-bots/" label="consulte o guia sobre gerenciar bots" type="primary" theme="light" /> 
 
 ---
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/angular-boilerplate.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/angular-boilerplate.mdx
index 7ad44dfdcb..eda775f248 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/angular-boilerplate.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/angular-boilerplate.mdx
@@ -30,12 +30,21 @@ Este template usa a versão `19.2.1` do Angular.
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/angular/angular-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/angular/angular-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -96,9 +105,9 @@ Leia a documentação sobre o [gerenciamento de applications](/pt-br/documentaca
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/astro-blog-template.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/astro-blog-template.mdx
index 02f08424d5..7fe3699def 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/astro-blog-template.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/astro-blog-template.mdx
@@ -35,12 +35,21 @@ Este template usa a versão Astro `4.2.6`.
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/astro/astro-blog-starter-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/astro/astro-blog-starter-kit"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -90,9 +99,9 @@ Consulte a documentação sobre o [gerenciamento de applications](/pt-br/documen
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/astro-boilerplate.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/astro-boilerplate.mdx
index eb825ecf37..a57e59d6f9 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/astro-boilerplate.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/astro-boilerplate.mdx
@@ -33,12 +33,21 @@ Este template usa a versão `4.5.12` do Astro.
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/astro/astro-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/astro/astro-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -87,8 +96,8 @@ Leia a documentação sobre [gerenciamento de applications](/pt-br/documentacao/
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
\ No newline at end of file
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/astro-ecommerce-collection.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/astro-ecommerce-collection.mdx
index 7b8b5cb2d5..de217557d0 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/astro-ecommerce-collection.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/astro-ecommerce-collection.mdx
@@ -8,7 +8,7 @@ namespace: docs_guides_astro_ecommerce_templates_collection
 permalink: /documentacao/produtos/guias/astro-ecommerce-collection/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag';
 
 <Tag severity="info" client:only="vue">
@@ -39,24 +39,51 @@ O processo de implantação para cada um desses templates cria um repositório d
 
 Você pode obter e configurar seus templates através do Console da Azion. Para implantar um deles facilmente no edge, clique no respectivo botão abaixo.
 
-<LinkButton
-    label="Implantar Astro Audiophile"
-    link="https://console.azion.com/create/azion-community/astro-audiophile"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
-<LinkButton
-    label="Implantar Astro Ecommerce"
-    link="https://console.azion.com/create/azion-community/astro-ecommerce"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
-<LinkButton
-    label="Implantar Astro Quickstore"
-    link="https://console.azion.com/create/azion-community/astro-quickstore"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion-community/astro-audiophile"
+
+      label="Implantar Astro Audiophile"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
+<Button
+
+      href="https://console.azion.com/create/azion-community/astro-ecommerce"
+
+      label="Implantar Astro Ecommerce"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
+<Button
+
+      href="https://console.azion.com/create/azion-community/astro-quickstore"
+
+      label="Implantar Astro Quickstore"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -105,4 +132,4 @@ Leia a documentação sobre [gerenciamento de application](/pt-br/documentacao/p
 
 A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application através dele.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="ir para o guia de configuração de domínio" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="ir para o guia de configuração de domínio" type="primary" theme="light" /> 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/azion-starter-kit.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/azion-starter-kit.mdx
index ac1da9e20b..a905dfd88c 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/azion-starter-kit.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/azion-starter-kit.mdx
@@ -42,12 +42,21 @@ Para usar este template, você deve:
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/azion/azion-starter-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/azion/azion-starter-kit"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -127,9 +136,9 @@ Consulte a documentação sobre o [gerenciamento de applications](/pt-br/documen
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/bot-starter-kit.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/bot-starter-kit.mdx
index 1d2ac04c43..9cd26c346a 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/bot-starter-kit.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/bot-starter-kit.mdx
@@ -39,12 +39,21 @@ Antes de implantar esse template, você precisa:
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/azion/bot-manager-starter-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/azion/bot-manager-starter-kit"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -97,11 +106,11 @@ A página de teste renderizará a resposta à requisição:
 
 A instância da função do Bot Manager Lite está configurada para sempre gravar logs. Dessa forma, sempre que você clicar em qualquer um dos botões para "enviar requisição", serão gerados logs que podem ser monitorados em [Real-Time Events](/pt-br/documentacao/produtos/guias/secure/gerenciar-bots/#usar-real-time-events-para-observar-e-calibrar-regras) e [Data Stream](/pt-br/documentacao/produtos/observe/data-stream/).
 
-<LinkButton link="/pt-br/documentacao/produtos/observe/real-time-events/" label="saiba mais sobre o real-time events" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/observe/real-time-events/" label="saiba mais sobre o real-time events" type="primary" theme="light" /> 
 
 
 <br />
-<LinkButton link="/pt-br/documentacao/produtos/observe/data-stream/" label="saiba mais sobre o Data Stream" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/observe/data-stream/" label="saiba mais sobre o Data Stream" type="primary" theme="light" /> 
 
 
 
@@ -128,9 +137,9 @@ Leia a documentação sobre o [gerenciamento de applications](/pt-br/documentaca
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/bot-with-firewall.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/bot-with-firewall.mdx
index 112edacaad..a95525454b 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/bot-with-firewall.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/bot-with-firewall.mdx
@@ -41,12 +41,21 @@ Antes de implantar esse template, você precisa:
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/azion/bot-manager-integration-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/azion/bot-manager-integration-kit"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -129,9 +138,9 @@ Leia a documentação sobre o [gerenciamento de applications](/pt-br/documentaca
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/bot-with-tor.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/bot-with-tor.mdx
index 7c28e7a877..1363c7e8e7 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/bot-with-tor.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/bot-with-tor.mdx
@@ -41,12 +41,21 @@ Antes de implantar esse template, você precisa:
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/azion/bot-manager-and-tor-block-starter-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/azion/bot-manager-and-tor-block-starter-kit"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -125,9 +134,9 @@ Leia a documentação sobre o [gerenciamento de applications](/pt-br/documentaca
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/build/edge-application/domains/" label="consulte o guia para configurar domínios" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/build/edge-application/domains/" label="consulte o guia para configurar domínios" type="primary" theme="light" />
 
 
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/butter-templates-collection.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/butter-templates-collection.mdx
index 1ff51eb2ec..f3c1842376 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/butter-templates-collection.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/butter-templates-collection.mdx
@@ -41,36 +41,81 @@ O processo de deploy para cada um desses templates cria um repositório GitHub p
 
 Você pode obter e configurar seus templates através do Azion Console. Para fazer o deploy de qualquer um deles no edge facilmente, clique no respectivo botão abaixo.
 
-<LinkButton
-  label="Implantar ButterCMS + Gatsby Starter Project"
-  link="https://console.azion.com/create/buttercms/buttercms-gatsby-starter"
-  icon="ai ai-azion"
-  icon-pos="left"
-/>
-<LinkButton
-  label="Implantar ButterCMS + Angular Starter Project"
-  link="https://console.azion.com/create/buttercms/buttercms-angular-starter"
-  icon="ai ai-azion"
-  icon-pos="left"
-/>
-<LinkButton
-  label="Implantar ButterCMS + Nuxt Starter Project/;."
-  link="https://console.azion.com/create/buttercms/buttercms-nuxt-starter"
-  icon="ai ai-azion"
-  icon-pos="left"
-/>
-<LinkButton
-  label="Implantar ButterCMS + React Starter Project"
-  link="https://console.azion.com/create/buttercms/buttercms-react-starter"
-  icon="ai ai-azion"
-  icon-pos="left"
-/>
-<LinkButton
-  label="Implantar ButterCMS + Vue.js Starter Project"
-  link="https://console.azion.com/create/buttercms/buttercms-vue-starter"
-  icon="ai ai-azion"
-  icon-pos="left"
-/>
+<Button
+
+    href="https://console.azion.com/create/buttercms/buttercms-gatsby-starter"
+
+    label="Implantar ButterCMS + Gatsby Starter Project"
+
+    type="primary"
+
+    theme="light"
+
+    icon="ai ai-azion"
+
+    icon-pos="left"
+
+  />
+<Button
+
+    href="https://console.azion.com/create/buttercms/buttercms-angular-starter"
+
+    label="Implantar ButterCMS + Angular Starter Project"
+
+    type="primary"
+
+    theme="light"
+
+    icon="ai ai-azion"
+
+    icon-pos="left"
+
+  />
+<Button
+
+    href="https://console.azion.com/create/buttercms/buttercms-nuxt-starter"
+
+    label="Implantar ButterCMS + Nuxt Starter Project/;."
+
+    type="primary"
+
+    theme="light"
+
+    icon="ai ai-azion"
+
+    icon-pos="left"
+
+  />
+<Button
+
+    href="https://console.azion.com/create/buttercms/buttercms-react-starter"
+
+    label="Implantar ButterCMS + React Starter Project"
+
+    type="primary"
+
+    theme="light"
+
+    icon="ai ai-azion"
+
+    icon-pos="left"
+
+  />
+<Button
+
+    href="https://console.azion.com/create/buttercms/buttercms-vue-starter"
+
+    label="Implantar ButterCMS + Vue.js Starter Project"
+
+    type="primary"
+
+    theme="light"
+
+    icon="ai ai-azion"
+
+    icon-pos="left"
+
+  />
 
 ---
 
@@ -119,6 +164,6 @@ Leia a documentação sobre [gerenciamento de application](/pt-br/documentacao/p
 
 A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application através dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" type="primary" theme="light" />
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/clean-angular-sanity.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/clean-angular-sanity.mdx
index fc5230c20e..d3fabda773 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/clean-angular-sanity.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/clean-angular-sanity.mdx
@@ -31,12 +31,21 @@ Este template utiliza a versão `16.0.1` do Angular.
 
 Você pode obter e configurar seu template através do Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-<LinkButton
-  label="Implantar"
-  link="https://console.azion.com/create/sanity/clean-angular-sanity-app"
-  icon="ai ai-azion"
-  icon-pos="left"
-/>
+<Button
+
+    href="https://console.azion.com/create/sanity/clean-angular-sanity-app"
+
+    label="Implantar"
+
+    type="primary"
+
+    theme="light"
+
+    icon="ai ai-azion"
+
+    icon-pos="left"
+
+  />
 
 ---
 
@@ -93,6 +102,6 @@ Leia a documentação sobre [gerenciamento de application](/pt-br/documentacao/p
 
 A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application através dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" type="primary" theme="light" />
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/clean-astro-sanity.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/clean-astro-sanity.mdx
index bdc39a4fc5..396ce08980 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/clean-astro-sanity.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/clean-astro-sanity.mdx
@@ -31,12 +31,21 @@ Este template utiliza a versão `3.1.4` do Astro.
 
 Você pode obter e configurar seu template através do Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-<LinkButton
- label="Implantar"
- link="https://console.azion.com/create/sanity/clean-astro-sanity-app"
- icon="ai ai-azion"
- icon-pos="left"
-/>
+<Button
+
+   href="https://console.azion.com/create/sanity/clean-astro-sanity-app"
+
+   label="Implantar"
+
+   type="primary"
+
+   theme="light"
+
+   icon="ai ai-azion"
+
+   icon-pos="left"
+
+ />
 
 ---
 
@@ -93,6 +102,6 @@ Leia a documentação sobre [gerenciamento de application](/pt-br/documentacao/p
 
 A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application através dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" type="primary" theme="light" />
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/clean-nuxt-sanity.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/clean-nuxt-sanity.mdx
index dc631b553c..6f1a471536 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/clean-nuxt-sanity.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/clean-nuxt-sanity.mdx
@@ -31,12 +31,21 @@ Este template utiliza a versão `3.12.3` do Nuxt.
 
 Você pode obter e configurar seu template através do Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-<LinkButton
- label="Implantar"
- link="https://console.azion.com/create/sanity/clean-nuxt-sanity-app"
- icon="ai ai-azion"
- icon-pos="left"
-/>
+<Button
+
+   href="https://console.azion.com/create/sanity/clean-nuxt-sanity-app"
+
+   label="Implantar"
+
+   type="primary"
+
+   theme="light"
+
+   icon="ai ai-azion"
+
+   icon-pos="left"
+
+ />
 
 ---
 
@@ -94,6 +103,6 @@ Leia a documentação sobre [gerenciamento de application](/pt-br/documentacao/p
 
 A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application através dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" type="primary" theme="light" />
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/cosmic-agency-website.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/cosmic-agency-website.mdx
index 1976df5935..a2b89e467f 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/cosmic-agency-website.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/cosmic-agency-website.mdx
@@ -32,12 +32,21 @@ Este template utiliza a versão `14.2.5` do Next.
 
 Você pode obter e configurar seu template através do Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-<LinkButton
-   label="Implantar"
-   link="https://console.azion.com/create/cosmic/cosmic-agency-website"
-   icon="ai ai-azion"
-   icon-pos="left"
- />
+<Button
+
+     href="https://console.azion.com/create/cosmic/cosmic-agency-website"
+
+     label="Implantar"
+
+     type="primary"
+
+     theme="light"
+
+     icon="ai ai-azion"
+
+     icon-pos="left"
+
+   />
 
 ---
 
@@ -90,6 +99,6 @@ Leia a documentação sobre [gerenciamento de application](/pt-br/documentacao/p
 
 A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application através dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" type="primary" theme="light" />
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/cosmic-simple-astro-blog.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/cosmic-simple-astro-blog.mdx
index a9d0dda689..3f1c4f738c 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/cosmic-simple-astro-blog.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/cosmic-simple-astro-blog.mdx
@@ -31,12 +31,21 @@ Este template utiliza a versão `3.0.8` do Astro.
 
 Você pode obter e configurar seu template através do Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-<LinkButton
-   label="Implantar"
-   link="https://console.azion.com/create/cosmic/cosmic-simple-astro-blog"
-   icon="ai ai-azion"
-   icon-pos="left"
- />
+<Button
+
+     href="https://console.azion.com/create/cosmic/cosmic-simple-astro-blog"
+
+     label="Implantar"
+
+     type="primary"
+
+     theme="light"
+
+     icon="ai ai-azion"
+
+     icon-pos="left"
+
+   />
 
 ---
 
@@ -90,6 +99,6 @@ Leia a documentação sobre [gerenciamento de application](/pt-br/documentacao/p
 
 A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application através dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" type="primary" theme="light" />
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/cosmic-simple-next-blog.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/cosmic-simple-next-blog.mdx
index 2dadb5edd2..e01fdeb0c5 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/cosmic-simple-next-blog.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/cosmic-simple-next-blog.mdx
@@ -29,12 +29,21 @@ Este template utiliza a versão `14.2.5` do Next.
 
 Você pode obter e configurar seu template através do Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-<LinkButton
-   label="Implantar"
-   link="https://console.azion.com/create/cosmic/cosmic-simple-nextjs-blog"
-   icon="ai ai-azion"
-   icon-pos="left"
- />
+<Button
+
+     href="https://console.azion.com/create/cosmic/cosmic-simple-nextjs-blog"
+
+     label="Implantar"
+
+     type="primary"
+
+     theme="light"
+
+     icon="ai ai-azion"
+
+     icon-pos="left"
+
+   />
 
 ---
 
@@ -84,6 +93,6 @@ Leia a documentação sobre [gerenciamento de application](/pt-br/documentacao/p
 
 A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application através dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" type="primary" theme="light" />
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/devscard.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/devscard.mdx
index b177e409dc..7990318fd3 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/devscard.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/devscard.mdx
@@ -34,12 +34,21 @@ Este template usa a versão `2.8.0` do Astro.
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion-community/devscard"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion-community/devscard"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -88,6 +97,6 @@ Leia a documentação sobre [gerenciamento de applications](/pt-br/documentacao/
 
 A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Consulte o guia para configurar domínios" type="primary" theme="light" /> 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/docusaurus-javascript-boilerplate.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/docusaurus-javascript-boilerplate.mdx
index ccb530090a..80ef215a5c 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/docusaurus-javascript-boilerplate.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/docusaurus-javascript-boilerplate.mdx
@@ -37,12 +37,21 @@ Este template usa o `Docusaurus 3`.
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/docusaurus/docusaurus-boilerplate-javascript"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/docusaurus/docusaurus-boilerplate-javascript"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -91,6 +100,6 @@ Leia a documentação sobre o [gerenciamento de applications](/pt-br/documentaca
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Consulte o guia para configurar domínios" type="primary" theme="light" /> 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/docusaurus-material-ui-template.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/docusaurus-material-ui-template.mdx
index be5ebd02e1..57369568ea 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/docusaurus-material-ui-template.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/docusaurus-material-ui-template.mdx
@@ -38,12 +38,21 @@ Este é um template da comunidade. Foi criado por desenvolvedores de terceiros o
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/docusaurus/docusaurus-material-ui"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/docusaurus/docusaurus-material-ui"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -92,6 +101,6 @@ Leia a documentação sobre o [gerenciamento de applications](/pt-br/documentaca
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Consulte o guia para configurar domínios" type="primary" theme="light" /> 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/docusaurus-typescript-boilerplate.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/docusaurus-typescript-boilerplate.mdx
index 2827c09c42..082b906d80 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/docusaurus-typescript-boilerplate.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/docusaurus-typescript-boilerplate.mdx
@@ -36,12 +36,21 @@ Este template usa o `Docusaurus 3`.
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/docusaurus/docusaurus-boilerplate-typescript"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/docusaurus/docusaurus-boilerplate-typescript"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -90,6 +99,6 @@ Leia a documentação sobre o [gerenciamento de applications](/pt-br/documentaca
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Consulte o guia para configurar domínios" type="primary" theme="light" /> 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/dynamic-and-static-file-optimization.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/dynamic-and-static-file-optimization.mdx
index 5646272923..f0aed90df8 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/dynamic-and-static-file-optimization.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/dynamic-and-static-file-optimization.mdx
@@ -30,12 +30,21 @@ Ao implantar este template, a plataforma cria uma nova application incluindo tod
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/azion/dynamic-and-static-file-optimization"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/azion/dynamic-and-static-file-optimization"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -98,9 +107,9 @@ Leia a documentação sobre o [gerenciamento de applications](/pt-br/documentaca
 
 A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" type="primary" theme="light" />
 
 
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/edge-ai-starter-kit.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/edge-ai-starter-kit.mdx
index 7253110c1e..456a728cdc 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/edge-ai-starter-kit.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/edge-ai-starter-kit.mdx
@@ -28,12 +28,21 @@ A implementação deste template cria uma application com uma function e um dom
 
 Você pode obter e configurar seu template através do Azion Console. Para implementar facilmente no edge, clique no botão abaixo.
 
-<LinkButton
-    label="Implementar"
-    link="https://console.azion.com/create/starter-kit-edge-ai"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/starter-kit-edge-ai"
+
+      label="Implementar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -119,6 +128,6 @@ Leia a documentação sobre [gerenciamento de application](/pt-br/documentacao/p
 
 A application criada durante a implementação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application através dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" type="primary" theme="light" />
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/edge-application-proxy.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/edge-application-proxy.mdx
index 53e147ced0..83341d7d13 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/edge-application-proxy.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/edge-application-proxy.mdx
@@ -9,7 +9,7 @@ permalink: /documentacao/produtos/guias/edge-application-proxy-template/
 ---
 
 import Tag from 'primevue/tag';
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 
 <Tag severity="info" client:only="vue">
@@ -37,12 +37,21 @@ Você deve vincular sua origem ao template para começar a usar este conjunto de
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/azion/edge-application-proxy"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/azion/edge-application-proxy"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/edge-function-github-autodeploy.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/edge-function-github-autodeploy.mdx
index a897bb93fc..beb0993ab8 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/edge-function-github-autodeploy.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/edge-function-github-autodeploy.mdx
@@ -33,12 +33,21 @@ Ao usar este template, você só precisa criar sua function junto com uma aplica
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/github/edge-function-github-autodeploy"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/github/edge-function-github-autodeploy"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -95,6 +104,6 @@ Leia a documentação sobre o [gerenciamento de applications](/en/documentation/
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" type="primary" theme="light" /> 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/edge-function-starter-kit.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/edge-function-starter-kit.mdx
index 162af05d0a..d1db87aedb 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/edge-function-starter-kit.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/edge-function-starter-kit.mdx
@@ -28,12 +28,21 @@ A implantação desse template cria uma application, uma function básica de **"
 
 Você pode obter e configurar seu template através do Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-<LinkButton
-   label="Implantar"
-   link="https://console.azion.com/create/edge-function-starter-kit/"
-   icon="ai ai-azion"
-   icon-pos="left"
- />
+<Button
+
+     href="https://console.azion.com/create/edge-function-starter-kit/"
+
+     label="Implantar"
+
+     type="primary"
+
+     theme="light"
+
+     icon="ai ai-azion"
+
+     icon-pos="left"
+
+   />
 
 ---
 
@@ -98,6 +107,6 @@ Leia a documentação sobre [gerenciamento de application](/pt-br/documentacao/p
 
 A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application através dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" type="primary" theme="light" />
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/edgesql-starter-kit.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/edgesql-starter-kit.mdx
index 8ddf937409..39f59bda9a 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/edgesql-starter-kit.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/edgesql-starter-kit.mdx
@@ -32,12 +32,21 @@ A implantação deste template cria um repositório no GitHub contendo seu proje
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/azion/edgesql-starter-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/azion/edgesql-starter-kit"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -86,8 +95,8 @@ Leia a documentação para mais detalhes sobre [gerenciamento de applications](/
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/eleventy-ecommerce-collection.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/eleventy-ecommerce-collection.mdx
index d8d5ea3287..4f93250bcb 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/eleventy-ecommerce-collection.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/eleventy-ecommerce-collection.mdx
@@ -8,7 +8,7 @@ namespace: docs_guides_eleventy_ecommerce_templates_collection
 permalink: /documentacao/produtos/guias/eleventy-ecommerce-collection/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag';
 
 <Tag severity="info" client:only="vue">
@@ -38,18 +38,36 @@ O processo de implantação para cada um desses templates cria um repositório d
 
 Você pode obter e configurar seus templates através do Azion Console. Para implantar um deles facilmente no edge, clique no respectivo botão abaixo.
 
-<LinkButton
-    label="Implantar Eleventy 2 Snipcart"
-    link="https://console.azion.com/create/azion-community/eleventy-to-snipcart"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
-<LinkButton
-    label="Implantar 11ty and Snipcart for eCommerce"
-    link="https://console.azion.com/create/azion-community/eleventy-snipcart-for-ecommerce"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion-community/eleventy-to-snipcart"
+
+      label="Implantar Eleventy 2 Snipcart"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
+<Button
+
+      href="https://console.azion.com/create/azion-community/eleventy-snipcart-for-ecommerce"
+
+      label="Implantar 11ty and Snipcart for eCommerce"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -98,4 +116,4 @@ Leia a documentação sobre [gerenciamento de application](/pt-br/documentacao/p
 
 A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application através dele.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="ir para o guia de configuração de domínio" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="ir para o guia de configuração de domínio" type="primary" theme="light" /> 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/gatsby-boilerplate.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/gatsby-boilerplate.mdx
index f0cf739ff9..c7aaaa2752 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/gatsby-boilerplate.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/gatsby-boilerplate.mdx
@@ -35,12 +35,21 @@ Para usar este template, você deve:
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/gatsby/gatsby-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/gatsby/gatsby-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -88,9 +97,9 @@ Consulte a documentação sobre o [gerenciamento de applications](/pt-br/documen
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/gatsby-ecommerce-theme.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/gatsby-ecommerce-theme.mdx
index 6893eb0463..c76bfb8663 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/gatsby-ecommerce-theme.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/gatsby-ecommerce-theme.mdx
@@ -34,12 +34,21 @@ Este template usa a versão `5.13.3` do Gatsby.
 
 Você pode obter e configurar seu template através do Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/gatsby/gatsby-ecommerce-theme"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/gatsby/gatsby-ecommerce-theme"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -88,6 +97,6 @@ Leia a documentação sobre [gerenciamento de application](/pt-br/documentacao/p
 
 A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application através dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="ir para o guia de configuração de domínio" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="ir para o guia de configuração de domínio" type="primary" theme="light" /> 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/gatsby-starter-kit.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/gatsby-starter-kit.mdx
index 88bd3f675c..4aa02519cb 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/gatsby-starter-kit.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/gatsby-starter-kit.mdx
@@ -36,12 +36,21 @@ Para usar este template, você deve:
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/gatsby/gatsby-blog-starter-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/gatsby/gatsby-blog-starter-kit"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -89,9 +98,9 @@ Consulte a documentação sobre o [gerenciamento de applications](/pt-br/documen
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/hello-world.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/hello-world.mdx
index a42fd74632..d25ca126ec 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/hello-world.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/hello-world.mdx
@@ -30,12 +30,21 @@ O template **Hello World** da Azion cria uma application que exibe uma mensagem
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/azion/edge-hello-world"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/azion/edge-hello-world"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -92,9 +101,9 @@ Leia a documentação sobre o [gerenciamento de applications](/pt-br/documentaca
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/hexo-boilerplate.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/hexo-boilerplate.mdx
index 809cfffeec..4a83613352 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/hexo-boilerplate.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/hexo-boilerplate.mdx
@@ -32,12 +32,21 @@ Este template usa a versão `6.3.0` do Hexo.
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/hexo/hexo-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/hexo/hexo-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -94,9 +103,9 @@ Leia a documentação sobre o [gerenciamento de applications](/pt-br/documentaca
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/htmx-minimal.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/htmx-minimal.mdx
index e543d2041e..ab183eedd6 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/htmx-minimal.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/htmx-minimal.mdx
@@ -32,12 +32,21 @@ Além disso, um repositório do GitHub é criado em sua conta para gerenciar o c
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/htmx/htmx-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/htmx/htmx-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -85,9 +94,9 @@ Consulte a documentação sobre o [gerenciamento de applications](/pt-br/documen
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/hugo-boilerplate.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/hugo-boilerplate.mdx
index 2af7b49f80..0c4c381a5f 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/hugo-boilerplate.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/hugo-boilerplate.mdx
@@ -34,12 +34,21 @@ Este template usa a versão `0.119.0` do Hugo.
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/hugo/hugo-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/hugo/hugo-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -88,6 +97,6 @@ Leia a documentação sobre o [gerenciamento de applications](/pt-br/documentaca
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Consulte o guia para configurar domínios" type="primary" theme="light" /> 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/hugo-ecommerce-collection.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/hugo-ecommerce-collection.mdx
index 28b9c1e88a..486725e929 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/hugo-ecommerce-collection.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/hugo-ecommerce-collection.mdx
@@ -8,7 +8,7 @@ namespace: docs_guides_hugo_ecommerce_templates_collection
 permalink: /documentacao/produtos/guias/hugo-ecommerce-collection/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag';
 
 <Tag severity="info" client:only="vue">
@@ -38,18 +38,36 @@ O processo de implantação para cada um desses templates cria um repositório d
 
 Você pode obter e configurar seus templates através do Azion Console. Para implantar um deles facilmente no edge, clique no respectivo botão abaixo.
 
-<LinkButton
-    label="Deploy Influencer Hugo"
-    link="https://console.azion.com/create/azion-community/influencer-hugo"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
-<LinkButton
-    label="Deploy Vex Hugo"
-    link="https://console.azion.com/create/azion-community/vex-hugo"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion-community/influencer-hugo"
+
+      label="Deploy Influencer Hugo"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
+<Button
+
+      href="https://console.azion.com/create/azion-community/vex-hugo"
+
+      label="Deploy Vex Hugo"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -98,4 +116,4 @@ Leia a documentação sobre [gerenciamento de application](/pt-br/documentacao/p
 
 A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application através dele.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="ir para o guia de configuração de domínio" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="ir para o guia de configuração de domínio" type="primary" theme="light" /> 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/image-optimization.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/image-optimization.mdx
index c1549dbb4a..385c2d797d 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/image-optimization.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/image-optimization.mdx
@@ -9,7 +9,7 @@ permalink: /documentacao/produtos/guias/image-optimization-template/
 ---
 
 import Tag from 'primevue/tag';
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 
 <Tag severity="info" client:only="vue">
@@ -34,12 +34,21 @@ As extensões de arquivo que podem ser aprimoradas com essas configurações sã
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/azion/image-optimization"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/azion/image-optimization"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/jekyll-boilerplate.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/jekyll-boilerplate.mdx
index a40b49a381..f35fc00111 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/jekyll-boilerplate.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/jekyll-boilerplate.mdx
@@ -38,12 +38,21 @@ Este template usa a versão `4.3.3` do Jekyll.
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/jekyll/jekyll-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/jekyll/jekyll-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -92,9 +101,9 @@ Leia a documentação sobre o [gerenciamento de applications](/pt-br/documentaca
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/jekyll-ecommerce-collection.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/jekyll-ecommerce-collection.mdx
index 5502105e91..f9d42eeffa 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/jekyll-ecommerce-collection.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/jekyll-ecommerce-collection.mdx
@@ -8,7 +8,7 @@ namespace: docs_guides_jekyll_ecommerce_templates_collection
 permalink: /documentacao/produtos/guias/jekyll-ecommerce-collection/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag';
 
 <Tag severity="info" client:only="vue">
@@ -38,18 +38,36 @@ O processo de implantação para cada um desses templates cria um repositório d
 
 Você pode obter e configurar seus templates através do Azion Console. Para implantar um deles facilmente no edge, clique no respectivo botão abaixo.
 
-<LinkButton
-    label="Implantar Jekyll Cart"
-    link="https://console.azion.com/create/azion-community/jekyll-cart"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
-<LinkButton
-    label="Implantar Supply"
-    link="https://console.azion.com/create/azion-community/jekyll-supply"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion-community/jekyll-cart"
+
+      label="Implantar Jekyll Cart"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
+<Button
+
+      href="https://console.azion.com/create/azion-community/jekyll-supply"
+
+      label="Implantar Supply"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -98,4 +116,4 @@ Leia a documentação sobre [gerenciamento de application](/pt-br/documentacao/p
 
 A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application através dele.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="ir para o guia de configuração de domínio" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="ir para o guia de configuração de domínio" type="primary" theme="light" /> 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/langgraph-template.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/langgraph-template.mdx
index 862e809547..5749319777 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/langgraph-template.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/langgraph-template.mdx
@@ -35,12 +35,21 @@ Este template utiliza a versão `3.3.4` do Vue.
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/langgraph-ai-agent-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/langgraph-ai-agent-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -188,6 +197,6 @@ Leia a documentação sobre o [gerenciamento de applications](/pt-br/documentaca
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Consulte o guia para configurar domínios" type="primary" theme="light" /> 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/mongodb-template.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/mongodb-template.mdx
index c4c40b2423..3b4f1610c1 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/mongodb-template.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/mongodb-template.mdx
@@ -42,12 +42,21 @@ Qualquer custo gerado pelo uso da MongoDB será processado e cobrado separadamen
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/mongodb-atlas/mongodb-atlas"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/mongodb-atlas/mongodb-atlas"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -113,9 +122,9 @@ Leia a documentação sobre o [gerenciamento de applications](/pt-br/documentaca
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/neon-databse-with-drizzle.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/neon-databse-with-drizzle.mdx
index 60c823314f..302ae36d7b 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/neon-databse-with-drizzle.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/neon-databse-with-drizzle.mdx
@@ -32,12 +32,21 @@ Este template usa [Application Accelerator](/pt-br/documentacao/produtos/build/a
 
 Você pode obter e configurar seu template através do Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/azion-community/drizzle-neon-database"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion-community/drizzle-neon-database"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -86,6 +95,6 @@ Leia a documentação sobre [gerenciamento de application](/pt-br/documentacao/p
 
 A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application através dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" type="primary" theme="light" /> 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/next-app-config.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/next-app-config.mdx
index 950172993b..cc844466ed 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/next-app-config.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/next-app-config.mdx
@@ -38,12 +38,21 @@ Para usar este template, você deve:
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/nextjs/nextjs-app-configurations"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/nextjs/nextjs-app-configurations"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -91,9 +100,9 @@ Consulte a documentação sobre o [gerenciamento de applications](/pt-br/documen
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/next-app-middleware.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/next-app-middleware.mdx
index 201a638af4..7a100addc4 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/next-app-middleware.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/next-app-middleware.mdx
@@ -38,12 +38,21 @@ Para usar este template, você deve:
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/nextjs/nextjs-app-middleware"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/nextjs/nextjs-app-middleware"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -91,9 +100,9 @@ Consulte a documentação sobre o [gerenciamento de applications](/pt-br/documen
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/next-pages-config.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/next-pages-config.mdx
index 6fce2d2b57..84359b2837 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/next-pages-config.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/next-pages-config.mdx
@@ -36,12 +36,21 @@ Para usar este template, você deve:
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/nextjs/nextjs-pages-configurations"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/nextjs/nextjs-pages-configurations"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -89,9 +98,9 @@ Consulte a documentação sobre o [gerenciamento de applications](/pt-br/documen
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/next-pages-middleware.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/next-pages-middleware.mdx
index a129e52b47..edfc5f1868 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/next-pages-middleware.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/next-pages-middleware.mdx
@@ -37,12 +37,21 @@ Para usar este template, você deve:
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/nextjs/nextjs-pages-middleware"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/nextjs/nextjs-pages-middleware"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -90,9 +99,9 @@ Consulte a documentação sobre o [gerenciamento de applications](/pt-br/documen
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/next-static-boilerplate.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/next-static-boilerplate.mdx
index 1404506275..0b004a55fc 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/next-static-boilerplate.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/next-static-boilerplate.mdx
@@ -67,12 +67,21 @@ Esses recursos exigem um servidor Node.js ou uma lógica dinâmica que não pode
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/nextjs/next-static-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/nextjs/next-static-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -127,9 +136,9 @@ Leia a documentação sobre o [gerenciamento de applications](/pt-br/documentaca
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/nextjs-ecommerce-collection.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/nextjs-ecommerce-collection.mdx
index 15a8557e84..d6082e129e 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/nextjs-ecommerce-collection.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/nextjs-ecommerce-collection.mdx
@@ -8,7 +8,7 @@ namespace: docs_guides_nextjs_ecommerce_templates_collection
 permalink: /documentacao/produtos/guias/next-js-ecommerce-collection/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag';
 
 <Tag severity="info" client:only="vue">
@@ -41,36 +41,81 @@ O processo de deploy para cada um desses templates cria um repositório GitHub p
 
 Você pode obter e configurar seus templates através do Azion Console. Para implantar um deles facilmente no edge, clique no respectivo botão abaixo.
 
-<LinkButton
-    label="Implantar Ecommerce Stationery NextJs"
-    link="https://console.azion.com/create/azion-community/ecommerce-stationery-next"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
-<LinkButton
-    label="Implantar Kupingplug"
-    link="https://console.azion.com/create/azion-community/kupingplug"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
-  <LinkButton
-    label="Implantar NextJs Store Ecommerce"
-    link="https://console.azion.com/create/azion-community/nextjs-store-ecommerce"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
-  <LinkButton
-    label="Implantar Simple Ecommerce Next.js"
-    link="https://console.azion.com/create/azion-community/simple-ecommerce-next"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
-  <LinkButton
-    label="Implantar Space Jelly Shop"
-    link="https://console.azion.com/create/azion-community/space-jelly-shop"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion-community/ecommerce-stationery-next"
+
+      label="Implantar Ecommerce Stationery NextJs"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
+<Button
+
+      href="https://console.azion.com/create/azion-community/kupingplug"
+
+      label="Implantar Kupingplug"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
+  <Button
+
+      href="https://console.azion.com/create/azion-community/nextjs-store-ecommerce"
+
+      label="Implantar NextJs Store Ecommerce"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
+  <Button
+
+      href="https://console.azion.com/create/azion-community/simple-ecommerce-next"
+
+      label="Implantar Simple Ecommerce Next.js"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
+  <Button
+
+      href="https://console.azion.com/create/azion-community/space-jelly-shop"
+
+      label="Implantar Space Jelly Shop"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 
 ---
@@ -120,4 +165,4 @@ Leia a documentação sobre [gerenciamento de application](/pt-br/documentacao/p
 
 A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application através dele.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="ir para o guia de configuração de domínio" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="ir para o guia de configuração de domínio" type="primary" theme="light" /> 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/nuxt-content.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/nuxt-content.mdx
index 20ebee9caa..f457a34d4c 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/nuxt-content.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/nuxt-content.mdx
@@ -37,12 +37,21 @@ Este é um template da comunidade. Foi criado por desenvolvedores de terceiros o
 
 Você pode obter e configurar seu template através do Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/nuxt-content"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/nuxt-content"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -91,6 +100,6 @@ Leia a documentação sobre [gerenciamento de application](/pt-br/documentacao/p
 
 A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application através dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" type="primary" theme="light" /> 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/nuxt-notes.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/nuxt-notes.mdx
index 4280f6523b..bdf0ebf113 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/nuxt-notes.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/nuxt-notes.mdx
@@ -35,12 +35,21 @@ Este é um template da comunidade. Foi criado por desenvolvedores de terceiros o
 
 Você pode obter e configurar seu template através do Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/nuxt-notes"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/nuxt-notes"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -89,6 +98,6 @@ Leia a documentação sobre [gerenciamento de application](/pt-br/documentacao/p
 
 A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application através dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" type="primary" theme="light" /> 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/nuxt-static-boilerplate.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/nuxt-static-boilerplate.mdx
index 8ae27b87e5..d167095705 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/nuxt-static-boilerplate.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/nuxt-static-boilerplate.mdx
@@ -32,12 +32,21 @@ Este template usa a versão `3.13.0` do Nuxt.
 
 Você pode obter e configurar seu template através do Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/nuxt-static-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/nuxt-static-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -86,6 +95,6 @@ Leia a documentação sobre [gerenciamento de application](/pt-br/documentacao/p
 
 A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application através dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" type="primary" theme="light" /> 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/preact-javascript-boilerplate.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/preact-javascript-boilerplate.mdx
index 951cd47f0d..3f0c82ea1c 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/preact-javascript-boilerplate.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/preact-javascript-boilerplate.mdx
@@ -33,12 +33,21 @@ Este template usa a versão `10.25.3` do Preact e Vite `6.0.4` como ferramenta d
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/preact/preact-js-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/preact/preact-js-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -87,8 +96,8 @@ Leia a documentação sobre [gerenciamento de applications](/pt-br/documentacao/
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
\ No newline at end of file
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/preact-typescript-boilerplate.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/preact-typescript-boilerplate.mdx
index 69703969e6..087565511d 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/preact-typescript-boilerplate.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/preact-typescript-boilerplate.mdx
@@ -33,12 +33,21 @@ Este template usa a versão `10.25.3` do Preact e Vite `6.0.4` como ferramenta d
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/preact/preact-ts-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/preact/preact-ts-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -87,8 +96,8 @@ Leia a documentação sobre [gerenciamento de applications](/pt-br/documentacao/
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
\ No newline at end of file
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/qstash-scheduler.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/qstash-scheduler.mdx
index 47dd748fa0..6b90c83d00 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/qstash-scheduler.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/qstash-scheduler.mdx
@@ -38,12 +38,21 @@ Qualquer custo gerado pelo uso do Qstash será processado e cobrado separadament
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/upstash/qstash-edgefunction-scheduler"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/upstash/qstash-edgefunction-scheduler"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -190,9 +199,9 @@ Leia a documentação sobre o [gerenciamento de applications](/pt-br/documentaca
 
 A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/qwik-boilerplate.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/qwik-boilerplate.mdx
index 647e908f83..39aa9a2526 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/qwik-boilerplate.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/qwik-boilerplate.mdx
@@ -33,12 +33,21 @@ Este template usa a versão `1.12.0` do Qwik.
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/qwik/qwik-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/qwik/qwik-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -87,8 +96,8 @@ Leia a documentação sobre [gerenciamento de application](/pt-br/documentacao/p
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
\ No newline at end of file
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/qwik-minimal.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/qwik-minimal.mdx
index 78e9f91cfb..d1603923ce 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/qwik-minimal.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/qwik-minimal.mdx
@@ -33,12 +33,21 @@ Este template usa a versão `1.12.0` do Qwik.
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/qwik/qwik-minimal"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/qwik/qwik-minimal"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -87,8 +96,8 @@ Leia a documentação sobre [gerenciamento de application](/pt-br/documentacao/p
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
\ No newline at end of file
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/react-boilerplate.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/react-boilerplate.mdx
index 56fd735bc8..1e5b404683 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/react-boilerplate.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/react-boilerplate.mdx
@@ -32,12 +32,21 @@ Este template usa o React versão `18.2.0`.
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/react/react-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/react/react-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -96,9 +105,9 @@ Leia a documentação sobre o [gerenciamento de applications](/pt-br/documentaca
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/react-book-store.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/react-book-store.mdx
index 41e8a12a40..83fcf2976f 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/react-book-store.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/react-book-store.mdx
@@ -34,12 +34,21 @@ Este template usa a versão `16.13.1` do React.
 
 Você pode obter e configurar seu template através do Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/azion-community/book-store-react"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion-community/book-store-react"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -88,6 +97,6 @@ Leia a documentação sobre [gerenciamento de application](/pt-br/documentacao/p
 
 A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application através dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="ir para o guia de configuração de domínio" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="ir para o guia de configuração de domínio" type="primary" theme="light" /> 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/static-cache.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/static-cache.mdx
index a79d349d00..d6329e280d 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/static-cache.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/static-cache.mdx
@@ -9,7 +9,7 @@ permalink: /documentacao/produtos/guias/static-cache-template/
 ---
 
 import Tag from 'primevue/tag';
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 
 <Tag severity="info" client:only="vue">
@@ -37,12 +37,21 @@ Este template:
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/azion/static-cache"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/azion/static-cache"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/stencil-boilerplate.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/stencil-boilerplate.mdx
index 01ff74c827..fc380aab3e 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/stencil-boilerplate.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/stencil-boilerplate.mdx
@@ -34,12 +34,21 @@ Este template utiliza a versão `4.22.2` do Stencil.
 
 Você pode obter e configurar seu template através do Azion Console. Para implantar facilmente no edge, clique no botão abaixo.
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/stencil-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/stencil-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -88,6 +97,6 @@ Leia a documentação sobre [gerenciamento de application](/pt-br/documentacao/p
 
 A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application através dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" type="primary" theme="light" />
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/stencil-pwa-boilerplate.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/stencil-pwa-boilerplate.mdx
index 47397bbc83..80a0b61a95 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/stencil-pwa-boilerplate.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/stencil-pwa-boilerplate.mdx
@@ -32,12 +32,21 @@ Este template usa a versão `4.17.0` do Stencil.
 
 Você pode obter e configurar seu template através do Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/stencil/stencil-pwa-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/stencil/stencil-pwa-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -86,6 +95,6 @@ Leia a documentação sobre [gerenciamento de application](/pt-br/documentacao/p
 
 A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application através dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" type="primary" theme="light" /> 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/svelte-boilerplate.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/svelte-boilerplate.mdx
index 4cae3fd6df..a41c895401 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/svelte-boilerplate.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/svelte-boilerplate.mdx
@@ -31,12 +31,21 @@ Este template utiliza a versão `4.2.7` do Svelte e a versão `5.0.3` do Vite.
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/svelte/svelte-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/svelte/svelte-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -89,9 +98,9 @@ Leia a documentação sobre o [gerenciamento de applications](/pt-br/documentaca
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/tidb-with-drizzle.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/tidb-with-drizzle.mdx
index 8afef29eb8..7bf6dacc50 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/tidb-with-drizzle.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/tidb-with-drizzle.mdx
@@ -32,12 +32,21 @@ Este template usa [Application Accelerator](/pt-br/documentacao/produtos/build/a
 
 Você pode obter e configurar seu template através do Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/azion-community/tidb-with-drizzle"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion-community/tidb-with-drizzle"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -90,6 +99,6 @@ Leia a documentação sobre [gerenciamento de application](/pt-br/documentacao/p
 
 A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application através dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" type="primary" theme="light" /> 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/turso-starter-kit.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/turso-starter-kit.mdx
index 4c854a030d..93592266e4 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/turso-starter-kit.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/turso-starter-kit.mdx
@@ -37,12 +37,21 @@ O armazenamento e as operações do banco de dados também podem gerar custos di
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/turso/turso-starter-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/turso/turso-starter-kit"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -117,8 +126,8 @@ Consulte a documentação sobre o [gerenciamento de applications](/pt-br/documen
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" type="primary" theme="light" /> 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/turso-with-drizzle.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/turso-with-drizzle.mdx
index 6c2bf0a844..7e90d75d38 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/turso-with-drizzle.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/turso-with-drizzle.mdx
@@ -34,12 +34,21 @@ O armazenamento e as operações do banco de dados também podem gerar custos di
 
 Você pode obter e configurar seu template através do Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/azion-community/turso-with-drizzle"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion-community/turso-with-drizzle"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -90,6 +99,6 @@ Leia a documentação sobre [gerenciamento de application](/pt-br/documentacao/p
 
 A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application através dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="ir para o guia de configuração de domínio" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="ir para o guia de configuração de domínio" type="primary" theme="light" /> 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/upstash-geolocation.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/upstash-geolocation.mdx
index 7976ab04b6..50ac458380 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/upstash-geolocation.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/upstash-geolocation.mdx
@@ -39,12 +39,21 @@ Qualquer custo gerado pelo uso do Upstash será processado e cobrado separadamen
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/upstash/upstash-geolocation"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/upstash/upstash-geolocation"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -123,9 +132,9 @@ Leia a documentação sobre o [gerenciamento de applications](/pt-br/documentaca
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/upstash-rate-limiting.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/upstash-rate-limiting.mdx
index c8b4e7e3f8..e580168716 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/upstash-rate-limiting.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/upstash-rate-limiting.mdx
@@ -39,12 +39,21 @@ Qualquer custo gerado pelo uso do Upstash será processado e cobrado separadamen
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/upstash/upstash-ratelimit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/upstash/upstash-ratelimit"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -106,9 +115,9 @@ Leia a documentação sobre o [gerenciamento de applications](/pt-br/documentaca
 
 A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/videoteca-static-cache.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/videoteca-static-cache.mdx
index 81ad44881d..4beb7c2633 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/videoteca-static-cache.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/videoteca-static-cache.mdx
@@ -31,12 +31,21 @@ A implantação deste template cria um repositório no GitHub contendo seu proje
 
 Você pode obter e configurar seu template através do Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/videofront/static-cache-videoteca-player"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/videofront/static-cache-videoteca-player"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -92,6 +101,6 @@ Leia a documentação sobre [gerenciamento de application](/pt-br/documentacao/p
 
 A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application através dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="ir para o guia de configuração de domínio" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="ir para o guia de configuração de domínio" type="primary" theme="light" /> 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/vite-boilerplate.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/vite-boilerplate.mdx
index 05f6766cc4..0f0b5e6e51 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/vite-boilerplate.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/vite-boilerplate.mdx
@@ -34,12 +34,21 @@ Para usar este template, você deve:
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/vitejs/vitejs-vue3-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/vitejs/vitejs-vue3-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -87,9 +96,9 @@ Consulte a documentação sobre o [gerenciamento de applications](/pt-br/documen
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/vitepress-javascript-boilerplate.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/vitepress-javascript-boilerplate.mdx
index 48729911a3..40c69c94af 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/vitepress-javascript-boilerplate.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/vitepress-javascript-boilerplate.mdx
@@ -37,12 +37,21 @@ O VitePress JavaScript Boilerplate utiliza a versão `1.3.0` do VitePress.
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/vitepress/vitepress-javascript-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/vitepress/vitepress-javascript-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -91,6 +100,6 @@ Leia a documentação sobre o [gerenciamento de applications](/pt-br/documentaca
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Consulte o guia para configurar domínios" type="primary" theme="light" /> 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/vitepress-typescript-boilerplate.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/vitepress-typescript-boilerplate.mdx
index f10e4a5af2..12cd6fbc48 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/vitepress-typescript-boilerplate.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/vitepress-typescript-boilerplate.mdx
@@ -37,12 +37,21 @@ O VitePress TypeScript Boilerplate utiliza a versão `1.3.0` do VitePress.
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/vitepress/vitepress-typescript-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/vitepress/vitepress-typescript-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -91,6 +100,6 @@ Leia a documentação sobre o [gerenciamento de applications](/pt-br/documentaca
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Consulte o guia para configurar domínios" type="primary" theme="light" /> 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/vue-boilerplate.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/vue-boilerplate.mdx
index dcdec5677b..0bb9dc236c 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/vue-boilerplate.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/vue-boilerplate.mdx
@@ -32,12 +32,21 @@ Este template usa o Vue versão `3.3.4`.
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/vue/vue-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/vue/vue-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -96,9 +105,9 @@ Leia a documentação sobre o [gerenciamento de applications](/pt-br/documentaca
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/vuepress-boilerplate.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/vuepress-boilerplate.mdx
index a9ffc36f01..4702141fd3 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/vuepress-boilerplate.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/vuepress-boilerplate.mdx
@@ -32,12 +32,21 @@ Este template utiliza a versão `2.0.0` do VuePress.
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/vuepress-boilerplate/"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/vuepress-boilerplate/"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -86,6 +95,6 @@ Leia a documentação sobre [gerenciamento de application](/pt-br/documentacao/p
 
 A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application através dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="Ir para o guia de configuração de domínio" type="primary" theme="light" /> 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/vuepress-templates-collection.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/vuepress-templates-collection.mdx
index 53ea7a2d08..c993b98557 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/vuepress-templates-collection.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/vuepress-templates-collection.mdx
@@ -8,7 +8,7 @@ namespace: docs_guides_vuepress_templates_collection
 permalink: /documentacao/produtos/guias/vuepress-templates-collection/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag';
 
 <Tag severity="info" client:only="vue">
@@ -41,36 +41,81 @@ O processo de deploy para cada um desses templates cria um repositório GitHub p
 
 Você pode obter e configurar seus templates através do Azion Console. Para fazer o deploy de qualquer um deles no edge facilmente, clique no respectivo botão abaixo.
 
-<LinkButton
-    label="Implantar VuePress Blog with Hope Theme"
-    link="https://console.azion.com/create/azion-community/vuepress-blog-hope"
-    icon="ai ai-azion"
-    icon-pos="left"
-/>
-<LinkButton
-    label="Implantar VuePress Docs with Hope Theme"
-    link="https://console.azion.com/create/azion-community/vuepress-docs-hope"
-    icon="ai ai-azion"
-    icon-pos="left"
-/>
-<LinkButton
-    label="Implantar VuePress Moefy"
-    link="https://console.azion.com/create/azion-community/vuepress-moefy"
-    icon="ai ai-azion"
-    icon-pos="left"
-/>
-<LinkButton
-    label="Implantar VuePress Live2D Plus"
-    link="https://console.azion.com/create/azion-community/vuepress-live2d-plus"
-    icon="ai ai-azion"
-    icon-pos="left"
-/>
-<LinkButton
-    label="Implantar VuePress Solid"
-    link="https://console.azion.com/create/azion-community/vuepress-solid"
-    icon="ai ai-azion"
-    icon-pos="left"
-/>
+<Button
+
+      href="https://console.azion.com/create/azion-community/vuepress-blog-hope"
+
+      label="Implantar VuePress Blog with Hope Theme"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
+<Button
+
+      href="https://console.azion.com/create/azion-community/vuepress-docs-hope"
+
+      label="Implantar VuePress Docs with Hope Theme"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
+<Button
+
+      href="https://console.azion.com/create/azion-community/vuepress-moefy"
+
+      label="Implantar VuePress Moefy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
+<Button
+
+      href="https://console.azion.com/create/azion-community/vuepress-live2d-plus"
+
+      label="Implantar VuePress Live2D Plus"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
+<Button
+
+      href="https://console.azion.com/create/azion-community/vuepress-solid"
+
+      label="Implantar VuePress Solid"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -119,4 +164,4 @@ Leia a documentação sobre [gerenciamento de application](/pt-br/documentacao/p
 
 A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application através dele.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="ir para o guia de configuração de domínio" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="ir para o guia de configuração de domínio" type="primary" theme="light" /> 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/webpage-to-pdf-resume.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/webpage-to-pdf-resume.mdx
index 4ee869e655..cc21016cf4 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/webpage-to-pdf-resume.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/webpage-to-pdf-resume.mdx
@@ -34,12 +34,21 @@ Este template usa a versão `4.6.1` do Astro.
 
 Você pode obter e configurar seu template através do Console da Azion. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-<LinkButton
-    label="Deploy"
-    link="https://console.azion.com/create/azion-community/webpage-to-pdf-resume"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion-community/webpage-to-pdf-resume"
+
+      label="Deploy"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -88,6 +97,6 @@ Leia a documentação sobre [gerenciamento de application](/pt-br/documentacao/p
 
 A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application através dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="ir para o guia de configuração de domínio" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="ir para o guia de configuração de domínio" type="primary" theme="light" /> 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/wordpress-edgeaccelerator.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/wordpress-edgeaccelerator.mdx
index 2b2ee8835f..d255ef31ff 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/wordpress-edgeaccelerator.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/wordpress-edgeaccelerator.mdx
@@ -28,12 +28,21 @@ A execução deste template poderá gerar custos relacionados ao uso. Consulte a
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/wordpress/wordpress-edgeaccelerator"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/wordpress/wordpress-edgeaccelerator"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -90,9 +99,9 @@ Leia a documentação sobre o [gerenciamento de applications](/pt-br/documentaca
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/marketplace/templates/wordpress-instacreator.mdx b/src/content/docs/pt-br/pages/guias/marketplace/templates/wordpress-instacreator.mdx
index e99a1ff364..61db38ebf7 100644
--- a/src/content/docs/pt-br/pages/guias/marketplace/templates/wordpress-instacreator.mdx
+++ b/src/content/docs/pt-br/pages/guias/marketplace/templates/wordpress-instacreator.mdx
@@ -43,12 +43,21 @@ Qualquer custo gerado pelo uso da AWS e do Amazon EC2 será processado e cobrado
 
 Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.
 
-  <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/wordpress/wordpress-instacreator"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+  <Button
+
+      href="https://console.azion.com/create/wordpress/wordpress-instacreator"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ---
 
@@ -121,9 +130,9 @@ Leia a documentação sobre o [gerenciamento de applications](/pt-br/documentaca
 
 A application criada tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="consulte o guia para configurar domínios" type="primary" theme="light" /> 
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/mtls/configurar-mtls.mdx b/src/content/docs/pt-br/pages/guias/mtls/configurar-mtls.mdx
index 356c146954..a9ae38f554 100644
--- a/src/content/docs/pt-br/pages/guias/mtls/configurar-mtls.mdx
+++ b/src/content/docs/pt-br/pages/guias/mtls/configurar-mtls.mdx
@@ -8,7 +8,7 @@ namespace: documentation_products_guides_mtls
 permalink: /documentacao/produtos/guias/mtls/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 import Apiv4Rollout from '~/includes/snippets/apiv4Rollout/pt/snippet.mdx'
 
@@ -121,7 +121,7 @@ Nessa lógica de exemplo, o firewall criado irá bloquear `(Error 403 Forbidden)
 
 Caso sua aplicação faça parte do modelo Open Banking, será necessário especificar as variáveis `${ssl_client_escaped_cert}` e `${ssl_client_s_dn_parsed}` no *header* da sua aplicação. Você também pode inserir outras variáveis do mTLS.
 
-<LinkButton link="/pt-br/documentacao/produtos/build/edge-application/rules-engine/" label="consulte a lista de variáveis disponíveis" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/build/edge-application/rules-engine/" label="consulte a lista de variáveis disponíveis" type="primary" theme="light" />
 
 Para adicionar uma variável no header da sua aplicação, siga os passos:
 
diff --git a/src/content/docs/pt-br/pages/guias/network-layer-protection/blacklists-ip-addresses-edge/criar-listas-bloqueio.mdx b/src/content/docs/pt-br/pages/guias/network-layer-protection/blacklists-ip-addresses-edge/criar-listas-bloqueio.mdx
index 354f1bb89f..b14db53b1b 100644
--- a/src/content/docs/pt-br/pages/guias/network-layer-protection/blacklists-ip-addresses-edge/criar-listas-bloqueio.mdx
+++ b/src/content/docs/pt-br/pages/guias/network-layer-protection/blacklists-ip-addresses-edge/criar-listas-bloqueio.mdx
@@ -7,7 +7,7 @@ namespace: docs_use_case_blacklists_ip_addresses_edge
 permalink: /documentacao/produtos/guias/blocklists-enderecos-ip-edge/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 
 
@@ -15,9 +15,9 @@ import Tabs from '~/components/tabs/Tabs'
 
 As Network Lists podem ser baseadas em endereços de IP, ASN e geolocalização do usuário. Elas podem feitas considerando o escopo real da aplicação, ou desenvolvidos e mantidos pela Azion, como a lista de *IPs da rede Tor*.
 
-<LinkButton link="/pt-br/documentacao/produtos/secure/edge-firewall/network-layer-protection/network-lists/" label="saiba mais sobre Network Lists" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/secure/edge-firewall/network-layer-protection/network-lists/" label="saiba mais sobre Network Lists" type="primary" theme="light" />
 <br/>
-<LinkButton link="/pt-br/documentacao/produtos/secure/edge-firewall/network-layer-protection/" label="saiba mais sobre o Network Shield" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/secure/edge-firewall/network-layer-protection/" label="saiba mais sobre o Network Shield" type="primary" theme="light" />
 
 Existem instruções separadas usando configurações de [Domains legados](/pt-br/documentacao/produtos/build/edge-application/domains/) e usando o novo produto [Workloads](/pt-br/documentacao/produtos/secure/workloads).
 
diff --git a/src/content/docs/pt-br/pages/guias/real-time-metrics/usar-real-time-metrics.mdx b/src/content/docs/pt-br/pages/guias/real-time-metrics/usar-real-time-metrics.mdx
index 8561e9d403..484bfca7d3 100644
--- a/src/content/docs/pt-br/pages/guias/real-time-metrics/usar-real-time-metrics.mdx
+++ b/src/content/docs/pt-br/pages/guias/real-time-metrics/usar-real-time-metrics.mdx
@@ -8,7 +8,7 @@ namespace: docs_use_real_time_metrics
 permalink: /documentacao/produtos/guias/usar-real-time-metrics/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag'
 
 
@@ -61,11 +61,11 @@ Todos os gráficos de todas as abas são atualizados automaticamente após a apl
 
 Existem algumas boas práticas que você pode usar para melhorar a análise de suas métricas.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/observe/analisar-metricas/" label="consulte o guia para analisar métricas" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/observe/analisar-metricas/" label="consulte o guia para analisar métricas" type="primary" theme="light" />
 
 Se você deseja complementar sua análise com informações mais detalhadas sobre as métricas visualizadas nos gráficos, veja os registros do Real-Time Events.
 
-<LinkButton link="/pt-br/documentacao/produtos/observe/real-time-events/" label="saiba mais sobre o Real-Time Events" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/observe/real-time-events/" label="saiba mais sobre o Real-Time Events" type="primary" theme="light" />
 
 
 ---
diff --git a/src/content/docs/pt-br/pages/guias/waf/configurar-allowed-rules.mdx b/src/content/docs/pt-br/pages/guias/waf/configurar-allowed-rules.mdx
index f6d1cb3d58..02618fd16f 100644
--- a/src/content/docs/pt-br/pages/guias/waf/configurar-allowed-rules.mdx
+++ b/src/content/docs/pt-br/pages/guias/waf/configurar-allowed-rules.mdx
@@ -9,14 +9,14 @@ menu_namespace: secureMenu
 permalink: /documentacao/produtos/guias/secure/configurar-waf-allowed-rules/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 
 Configurar uma **WAF Custom Allowed Rule** permite criar regras específicas para as necessidades da sua application. Essas regras permitem tráfego legítimo específico enquanto mantêm uma proteção robusta contra ataques maliciosos.
 
 Este guia explica como configurar uma WAF Custom Allowed Rule através da Azion Web Platform.
 
-<LinkButton link="/pt-br/documentacao/produtos/secure/edge-firewall/web-application-firewall/custom-allowed-rules/" text="saiba mais sobre as WAF Custom Allowed Rules" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/secure/edge-firewall/web-application-firewall/custom-allowed-rules/" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/guias/waf/encontrar-score-waf.mdx b/src/content/docs/pt-br/pages/guias/waf/encontrar-score-waf.mdx
index cc3b82b6e7..12accbbfe2 100644
--- a/src/content/docs/pt-br/pages/guias/waf/encontrar-score-waf.mdx
+++ b/src/content/docs/pt-br/pages/guias/waf/encontrar-score-waf.mdx
@@ -13,14 +13,14 @@ menu_namespace: >-
   secureMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 
 O **Web Application Firewall (WAF)** da Azion gera resultados relevantes para a manutenção da segurança de suas applications. Essas informações podem ser acessadas através **Real-Time Events**, utilizando consultas (*queries*) específicas.
 
 Este guia inclui algumas queries do WAF disponíveis no Real-Time Events para acessar os dados de requisições bloqueadas pelo WAF e entender o motivo pelo qual foram bloqueadas, resolver problemas e identificar possíveis falsos positivos.
 
-<LinkButton link="/pt-br/documentacao/produtos/observe/real-time-events/" label="saiba mais sobre o Real-Time Events" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/observe/real-time-events/" label="saiba mais sobre o Real-Time Events" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/gerencie-contas/gerenciar-contas/activity-history.mdx b/src/content/docs/pt-br/pages/menu-principal/gerencie-contas/gerenciar-contas/activity-history.mdx
index e8137a743c..97203771d9 100644
--- a/src/content/docs/pt-br/pages/menu-principal/gerencie-contas/gerenciar-contas/activity-history.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/gerencie-contas/gerenciar-contas/activity-history.mdx
@@ -6,7 +6,7 @@ namespace: docs_guides_activity_history
 permalink: /documentacao/produtos/guias/activity-history/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 [Activity History](/pt-br/documentacao/produtos/gestao-de-contas/activity-history/) permite que você acesse o histórico de todas as atividades da conta realizadas por qualquer usuário conectado à conta principal.
 
@@ -24,6 +24,6 @@ No **search field**, você pode filtrar os resultados por atividade realizada ou
 
 O produto [Data Stream](/pt-br/documentacao/produtos/observe/data-stream/) fornece uma fonte de dados para os logs do **Activity History**.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/como-usar-data-stream/" label="como usar Data Stream" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/como-usar-data-stream/" label="como usar Data Stream" type="primary" theme="light" />
 
 ---
diff --git a/src/content/docs/pt-br/pages/menu-principal/gerencie-contas/gerenciar-contas/faturamento-e-assinaturas.mdx b/src/content/docs/pt-br/pages/menu-principal/gerencie-contas/gerenciar-contas/faturamento-e-assinaturas.mdx
index 3767184cbe..74e383332b 100644
--- a/src/content/docs/pt-br/pages/menu-principal/gerencie-contas/gerenciar-contas/faturamento-e-assinaturas.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/gerencie-contas/gerenciar-contas/faturamento-e-assinaturas.mdx
@@ -6,12 +6,12 @@ namespace: docs_guides_billing_and_subscriptions
 permalink: /documentacao/produtos/guias/billing-and-subscriptions/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 
 **Billing** proporciona uma visão geral da precificação baseada em uso.
 
-<LinkButton link="/pt-br/documentacao/produtos/gestao-de-contas/billing-and-subscriptions/" label="Saiba mais sobre o Billing" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/gestao-de-contas/billing-and-subscriptions/" label="Saiba mais sobre o Billing" type="primary" theme="light" target="_blank" />
 
 Para acessar **Billing and Subscriptions**:
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/gerencie-contas/gerenciar-contas/sso.mdx b/src/content/docs/pt-br/pages/menu-principal/gerencie-contas/gerenciar-contas/sso.mdx
index 5178ace99e..44001bf068 100644
--- a/src/content/docs/pt-br/pages/menu-principal/gerencie-contas/gerenciar-contas/sso.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/gerencie-contas/gerenciar-contas/sso.mdx
@@ -6,7 +6,7 @@ namespace: docs_guides_sso
 permalink: /documentacao/produtos/guias/sso/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Se você tem um [plano Enterprise](https://www.azion.com/pt-br/servicos-profissionais/) e tem SSO configurado para sua empresa, seus usuários podem logar na Azion usando suas credenciais de SSO.
 
@@ -28,6 +28,6 @@ Após acessar a página, clique no botão **Add Identity Provider** e escolha o
 
 Você pode escolher configurar um Identity Provider SAML ou um Identity Provider OIDC.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/#contas" label="Guias de provedores de identidade" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/#contas" label="Guias de provedores de identidade" type="primary" theme="light" />
 
 ---
diff --git a/src/content/docs/pt-br/pages/menu-principal/gerencie-contas/gerenciar-contas/usuarios.mdx b/src/content/docs/pt-br/pages/menu-principal/gerencie-contas/gerenciar-contas/usuarios.mdx
index cdc346e09f..2dabcffd81 100644
--- a/src/content/docs/pt-br/pages/menu-principal/gerencie-contas/gerenciar-contas/usuarios.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/gerencie-contas/gerenciar-contas/usuarios.mdx
@@ -6,7 +6,7 @@ namespace: docs_guides_users_management
 permalink: /documentacao/produtos/guias/users-management/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 [Users Management](/pt-br/documentacao/produtos/gestao-de-contas/users-management/) permite que você adicione, modifique, e remova usuários de sua conta.
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/ponto-de-partida/active-em-producao.mdx b/src/content/docs/pt-br/pages/menu-principal/ponto-de-partida/active-em-producao.mdx
index 8efdd483b1..64f14e6e79 100644
--- a/src/content/docs/pt-br/pages/menu-principal/ponto-de-partida/active-em-producao.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/ponto-de-partida/active-em-producao.mdx
@@ -8,7 +8,7 @@ namespace: documentation_go_live_with_azion
 permalink: /documentacao/produtos/ative-em-producao/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Depois de [criar uma application](/pt-br/documentacao/produtos/comecar-com-um-template/), você pode garantir que ela esteja acessível aos seus usuários, aproveitando a rede altamente distribuída da Azion para atender ao seu tráfego e entregar seu conteúdo.
 
@@ -69,7 +69,7 @@ Para concluir esta tarefa, você deve ter:
 
 Em seguida, você deve criar uma zona DNS e migrar sua *resolução de nome* para a Azion.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/migrar-ns-para-a-azion" label="leia o guia para migrar seu NS para Azion" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/migrar-ns-para-a-azion" label="leia o guia para migrar seu NS para Azion" type="primary" theme="light" />
 
 
 
@@ -85,7 +85,7 @@ Para concluir esta tarefa, você deve ter:
 
 Em seguida, você deve configurar seu provedor de DNS de terceiros e associar o endereço do seu domínio personalizado ao endereço `xxxxxxxxxx.map.azionedge.net`, [conforme explicado anteriormente](#adicionar-um-dominio-personalizado).
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/apontar-dominio-para-a-azion/" label="Leia o guia de como apontar seu domínio para Azion" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/apontar-dominio-para-a-azion/" label="Leia o guia de como apontar seu domínio para Azion" type="primary" theme="light" />
 
 
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/ponto-de-partida/comecar-com-um-template.mdx b/src/content/docs/pt-br/pages/menu-principal/ponto-de-partida/comecar-com-um-template.mdx
index c86c866085..ed6a550385 100644
--- a/src/content/docs/pt-br/pages/menu-principal/ponto-de-partida/comecar-com-um-template.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/ponto-de-partida/comecar-com-um-template.mdx
@@ -8,14 +8,14 @@ namespace: documentation_start_with_a_template
 permalink: /documentacao/produtos/comecar-com-um-template/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Criar uma application é o primeiro passo para começar a usar a **Azion Web Platform**. Esta documentação apresenta as opções para construir e implantar uma nova aplicação usando um [template da Azion](/pt-br/documentacao/produtos/marketplace/templates/).
 
 Você tem as seguintes maneiras de começar a construir com templates:
 
-<LinkButton link="/pt-br/documentacao/produtos/usar-um-template-via-azion-console/" label="Via Azion Console" severity="secondary" />
-<LinkButton link="/pt-br/documentacao/produtos/azion-cli/criar-application/" label="Via Azion CLI" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/usar-um-template-via-azion-console/" label="Via Azion Console" type="primary" theme="light" />
+<Button href="/pt-br/documentacao/produtos/azion-cli/criar-application/" label="Via Azion CLI" type="primary" theme="light" />
 
 
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/ponto-de-partida/visao-geral-da-azion.mdx b/src/content/docs/pt-br/pages/menu-principal/ponto-de-partida/visao-geral-da-azion.mdx
index 9522ad9ec2..efdeabe70f 100644
--- a/src/content/docs/pt-br/pages/menu-principal/ponto-de-partida/visao-geral-da-azion.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/ponto-de-partida/visao-geral-da-azion.mdx
@@ -7,7 +7,7 @@ namespace: documentation_azion_platform_overview
 permalink: /documentacao/produtos/visao-geral-da-plataforma-da-azion/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 A **Azion Web Platform** permite que você implemente seus projetos instantaneamente na rede global mais confiável, proteja suas aplicações com segurança avançada e escale do zero ao pico sem cold starts.
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/pricing/pricing.mdx b/src/content/docs/pt-br/pages/menu-principal/pricing/pricing.mdx
index 083bc5c5b5..48dce4e11a 100644
--- a/src/content/docs/pt-br/pages/menu-principal/pricing/pricing.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/pricing/pricing.mdx
@@ -5,7 +5,7 @@ meta_tags: 'edge computing, azion, pricing'
 namespace: documentation_pricing
 permalink: /documentacao/produtos/precos/
 ---
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag';
 import TablePricing from '~/components/Table/TablePricing.astro';
 
@@ -19,7 +19,7 @@ Essa documentação inclui os preços dos produtos, serviços e Planos de Servi
 
 Crie aplicações serverless e execute-as, de forma simples e fácil, em qualquer lugar: na rede edge da Azion, dispositivos remotos, on-premises ou multicloud.
 
-<LinkButton link="https://www.azion.com/pt-br/produtos/edge-application/" label="Acesse os detalhes do produto" severity="secondary" />
+<Button href="https://www.azion.com/pt-br/produtos/edge-application/" label="Acesse os detalhes do produto" type="primary" theme="light" />
 
 :::note[Tiered Cache]
 Uma camada adicional de cache que reduz o tráfego para sua origem, ao mesmo tempo que aumenta performance e disponibilidade.
@@ -85,7 +85,7 @@ Se suas aplicações receberam, em um mês, 750 milhões de requests proveniente
 
 Acelere o desempenho de suas aplicações e APIs otimizando os protocolos e construindo regras avançadas de request e response para atender às suas necessidades.
 
-<LinkButton link="https://www.azion.com/pt-br/produtos/application-accelerator/" label="Acesse os detalhes do produto" severity="secondary" />
+<Button href="https://www.azion.com/pt-br/produtos/application-accelerator/" label="Acesse os detalhes do produto" type="primary" theme="light" />
 
 <TablePricing
   lang="pt-br"
@@ -117,7 +117,7 @@ Se sua aplicação com **Application Accelerator** habilitado gerou, dentro de u
 
 Acelere a entrega mantendo seu conteúdo em cache no edge da rede, mais próximo de seus usuários.
 
-<LinkButton link="https://www.azion.com/pt-br/produtos/edge-cache/" label="Acesse os detalhes do produto" severity="secondary" />
+<Button href="https://www.azion.com/pt-br/produtos/edge-cache/" label="Acesse os detalhes do produto" type="primary" theme="light" />
 
 :::note[Real-Time Purge]
 Trata-se do número de operações de purge do cache, sejam elas por URLs, Wildcard URLs ou Cache Keys.
@@ -129,7 +129,7 @@ As primeiras 1.000 operações de purge por mês estão inclusas para todos os c
 
 Execute aplicações serverless orientadas a eventos no edge, mais próximo de seus usuários.
 
-<LinkButton link="https://www.azion.com/pt-br/produtos/edge-functions/" label="Acesse os detalhes do produto" severity="secondary" />
+<Button href="https://www.azion.com/pt-br/produtos/edge-functions/" label="Acesse os detalhes do produto" type="primary" theme="light" />
 
 <TablePricing
   lang="pt-br"
@@ -177,7 +177,7 @@ Se a sua aplicação utiliza uma function nos Estados Unidos 5 milhões de vezes
 
 Otimização e manipulação de imagens em tempo real para aprimorar a experiência do usuário.
 
-<LinkButton link="https://www.azion.com/pt-br/produtos/image-processor/" label="Acesse os detalhes do produto" severity="secondary" />
+<Button href="https://www.azion.com/pt-br/produtos/image-processor/" label="Acesse os detalhes do produto" type="primary" theme="light" />
 
 <TablePricing
   lang="pt-br"
@@ -205,7 +205,7 @@ Se suas aplicações entregam, em um mês, 600 milhões de imagens nos Estados U
 
 Distribua a carga para sua origem e eleve a confiabilidade e disponibilidade de seus conteúdos, aplicações e APIs.
 
-<LinkButton link="https://www.azion.com/pt-br/produtos/load-balancer/" label="Acesse os detalhes do produto" severity="secondary" />
+<Button href="https://www.azion.com/pt-br/produtos/load-balancer/" label="Acesse os detalhes do produto" type="primary" theme="light" />
 
 <TablePricing
   lang="pt-br"
@@ -240,11 +240,17 @@ Se sua aplicação com **Load Balancer** habilitado gerou dentro de um mês 30 T
 
 Unindo a confiabilidade do armazenamento de objetos à performance otimizada no edge.
 
-<LinkButton
-  link="https://www.azion.com/pt-br/produtos/edge-storage/"
-  label="Acesse os detalhes do produto" 
-  severity="secondary"
-/>
+<Button
+
+    href="https://www.azion.com/pt-br/produtos/edge-storage/"
+
+    label="Acesse os detalhes do produto"
+
+    type="primary"
+
+    theme="light"
+
+  />
 
 <TablePricing 
   lang="pt-br"
@@ -330,13 +336,13 @@ o cálculo do valor será realizado da seguinte forma:
 
 Mitigue os maiores e mais complexos ataques DDoS nas camadas de rede e aplicação.
 
-<LinkButton link="https://www.azion.com/pt-br/produtos/ddos-protection/" label="Acesse os detalhes do produto" severity="secondary" />
+<Button href="https://www.azion.com/pt-br/produtos/ddos-protection/" label="Acesse os detalhes do produto" type="primary" theme="light" />
 
 ### Network Layer Protection
 
 Um perímetro de segurança programável no edge para tráfego de entrada e saída.
 
-<LinkButton link="https://www.azion.com/en/products/network-layer-protection/" label="Acesse os detalhes do produto" severity="secondary" />
+<Button href="https://www.azion.com/en/products/network-layer-protection/" label="Acesse os detalhes do produto" type="primary" theme="light" />
 
 <TablePricing
   lang="pt-br"
@@ -374,7 +380,7 @@ Item opcional. Disponível para clientes Azion assinantes do **Network Layer Pro
 
 Proteja suas aplicações web, desde ameaças OWASP top 10 até ataques sofisticados de dia zero.
 
-<LinkButton link="https://www.azion.com/en/products/web-application-firewall/" label="Acesse os detalhes do produto" severity="secondary" />
+<Button href="https://www.azion.com/en/products/web-application-firewall/" label="Acesse os detalhes do produto" type="primary" theme="light" />
 
 <TablePricing
   lang="pt-br"
@@ -418,7 +424,7 @@ As primeiras 200 rules estão inclusas para todos os clientes. A partir desse vo
 
 Amplie a segurança e disponibilidade de suas aplicações utilizando o serviço resiliente de DNS Autoritativo da Azion.
 
-<LinkButton link="https://www.azion.com/en/products/edge-dns/" label="Acesse os detalhes do produto" severity="secondary" />
+<Button href="https://www.azion.com/en/products/edge-dns/" label="Acesse os detalhes do produto" type="primary" theme="light" />
 
 <TablePricing
   lang="pt-br"
@@ -464,7 +470,7 @@ Se você hospedou 30 zonas no **Edge DNS** e recebeu 1,5 bilhão de queries ao l
 
 Implemente, controle, automatize e monitore recursos no edge em tempo real com o Azion Edge Orchestrator.
 
-<LinkButton link="https://www.azion.com/pt-br/produtos/edge-orchestrator/" label="Acesse os detalhes do produto" severity="secondary" />
+<Button href="https://www.azion.com/pt-br/produtos/edge-orchestrator/" label="Acesse os detalhes do produto" type="primary" theme="light" />
 
 ---
 
@@ -474,7 +480,7 @@ Implemente, controle, automatize e monitore recursos no edge em tempo real com o
 
 Tenha acesso em tempo real a dados para alimentar suas plataformas de Big Data, Stream Processing, SIEM e aplicações serverless.
 
-<LinkButton link="https://www.azion.com/pt-br/produtos/data-stream/" label="Acesse os detalhes do produto" severity="secondary" />
+<Button href="https://www.azion.com/pt-br/produtos/data-stream/" label="Acesse os detalhes do produto" type="primary" theme="light" />
 
 <TablePricing
   lang="pt-br"
@@ -523,7 +529,7 @@ Se a sua aplicação gerou, em um mês, 3 bilhões de eventos enviados pelo **Da
 
 Monitore a experiência do usuário ao acessar suas aplicações e aprimore a disponibilidade e performance da rede.
 
-<LinkButton link="https://www.azion.com/en/products/edge-pulse/" label="acessar detalhes do produto" severity="secondary" />
+<Button href="https://www.azion.com/en/products/edge-pulse/" label="acessar detalhes do produto" type="primary" theme="light" />
 
 ### Real-Time Metrics
 
@@ -535,17 +541,23 @@ Monitore a experiência do usuário ao acessar suas aplicações e aprimore a di
 
 Informações em tempo real sobre o desempenho, a disponibilidade e a segurança de suas aplicações.
 
-<LinkButton link="https://www.azion.com/pt-br/produtos/real-time-metrics/" label="acessar detalhes do produto" severity="secondary" />
+<Button href="https://www.azion.com/pt-br/produtos/real-time-metrics/" label="acessar detalhes do produto" type="primary" theme="light" />
 
 ### Real-Time Events
 
 Explore os dados gerados por suas aplicações na Azion e realize buscas complexas para acompanhar os eventos em tempo real.
 
-<LinkButton
-  link="https://www.azion.com/pt-br/produtos/real-time-events/"
-  label="acessar detalhes do produto"
-  severity="secondary"
-/>
+<Button
+
+    href="https://www.azion.com/pt-br/produtos/real-time-events/"
+
+    label="acessar detalhes do produto"
+
+    type="primary"
+
+    theme="light"
+
+  />
 
 <TablePricing
   lang="pt-br"
@@ -601,7 +613,7 @@ Nessa simulação, durante o mês, 2 TB foram transferidos da Edge Platform para
 
 Grátis. Para desenvolvedores que se sentem confortáveis em explorar o potencial da plataforma da Azion com autonomia.
 
-<LinkButton link="https://console.azion.com/signup" label="Criar conta grátis" />
+<Button href="https://console.azion.com/signup" label="Criar conta grátis" type="primary" theme="light" />
 
 ### Business Plan
 
@@ -650,7 +662,7 @@ Grátis
 
 O plano **Developer** é ideal para desenvolvedores que desejam explorar o potencial de nossa plataforma por conta própria.
 
-<LinkButton link="#developer-plan" label="obter developer" />
+<Button href="#developer-plan" label="obter developer" type="primary" theme="light" />
 
 ### Business
 
@@ -660,7 +672,7 @@ A partir de USD 100/mês
 
 O plano **Business** é ideal para clientes que buscam soluções tecnológicas eficientes e acessíveis.
 
-<LinkButton link="#business-plan" label="obter Business" />
+<Button href="#business-plan" label="obter Business" type="primary" theme="light" />
 
 ### Enterprise
 
@@ -670,7 +682,7 @@ A partir de USD $3.500/mês
 
 O plano Enterprise é ideal para clientes com operações e sistemas críticos.
 
-<LinkButton link="#enterprise-plan" label="obter Enterprise" />
+<Button href="#enterprise-plan" label="obter Enterprise" type="primary" theme="light" />
 
 ### Mission Critical
 
@@ -680,7 +692,7 @@ Personalizado
 
 O plano **Mission Critical** é ideal para clientes cuja presença online é crítica e a performance do serviço afeta diretamente os resultados do negócio.
 
-<LinkButton link="#mission-critical-plan" label="obter Mission Critical" /> */}
+<Button href="#mission-critical-plan" label="obter Mission Critical" type="primary" theme="light" /> */}
 
 {/* ### Features
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/developer-tools/graphql-playground.mdx b/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/developer-tools/graphql-playground.mdx
index df6a903b7f..f52ad6d5b5 100644
--- a/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/developer-tools/graphql-playground.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/developer-tools/graphql-playground.mdx
@@ -7,11 +7,11 @@ permalink: /documentacao/produtos/devtools/playground-graphql/
 menu_namespace: graphqlMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Você pode ver como acessar o Playground GraphiQL na documentação dos primeiros passos da API GraphQL.
 
-<LinkButton link="/pt-br/documentacao/devtools/graphql-api/primeiros-passos/#acessar-o-playground-graphql" label="Como acessar o playground" severity="secondary" />
+<Button href="/pt-br/documentacao/devtools/graphql-api/primeiros-passos/#acessar-o-playground-graphql" label="Como acessar o playground" type="primary" theme="light" />
 
 Você pode usar o playground para executar queries ou explorar como construí-las. Se você está recém começando, você pode copiar e colar essas queries no playground e descobrir o que cada campo representa, os operadores disponíveis e até mesmo obter validação em tempo real para erros.
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/developer-tools/primeiros-passos-api.mdx b/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/developer-tools/primeiros-passos-api.mdx
index a19d152304..49cf8ddba9 100644
--- a/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/developer-tools/primeiros-passos-api.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/developer-tools/primeiros-passos-api.mdx
@@ -6,7 +6,7 @@ namespace: documentation_products_devtools_azion_api_overview
 permalink: /documentacao/produtos/devtools/primeiros-passos-api/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Esta documentação conta com os primeiros passos para a utilização da **API da Azion**.
 
@@ -14,7 +14,7 @@ Esta documentação conta com os primeiros passos para a utilização da **API d
 
 A **API da Azion** é uma *API RESTful* baseada em requisições *HTTP* e *HTTPS*, que permite que usuários interajam com os produtos da Azion. A coleção completa da API da Aziobn está disponível no Postman.
 
-<LinkButton link="https://api.azion.com/" label="Ir para documentação da API da Azion" />
+<Button href="https://api.azion.com/" label="Ir para documentação da API da Azion" type="primary" theme="light" />
 
 A maioria dos endpoints da API da Azion possuem os principais métodos HTTP (`GET`, `POST`, `PUT`, `PATCH` e `DELETE`) para que o usuário possa criar, ler, atualizar e excluir instâncias de configurações na Azion. Todas as alterações feitas por meio da API são refletidas no [Azion Console](https://console.azion.com).
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/migrar-para-a-azion/migrar-para-a-azion.mdx b/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/migrar-para-a-azion/migrar-para-a-azion.mdx
index 7c8fcb29c4..72f9b232c2 100644
--- a/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/migrar-para-a-azion/migrar-para-a-azion.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/migrar-para-a-azion/migrar-para-a-azion.mdx
@@ -5,7 +5,7 @@ meta_tags: 'azion, migrar, domains, staging, domínio'
 namespace: documentation_migrate_to_azion
 permalink: /documentacao/produtos/migrar-para-a-azion/
 ---
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Este guia fornece um passo a passo para migrar aplicações existentes para a Azion. Ele descreve os requisitos necessários e detalha os passos para uma transferência bem-sucedida de aplicações de outros serviços para o edge.
 
@@ -20,14 +20,14 @@ Se sua conta está sob um plano de serviço **Business** ou superior, você tem
 Antes de migrar aplicações para a Azion, existem duas variáveis principais que devem existir:
 
 1. **Endereço de origem**: o servidor de origem da aplicação. Esta entrada para o edge assume a forma de um host, um endereço IPv4 ou IPv6 de um serviço de armazenamento ou uma aplicação existente.
-  <LinkButton link="/pt-br/documentacao/produtos/build/edge-application/origins/" label="Ir para referência de Origins" severity="secondary" target="_blank" />
+  <Button href="/pt-br/documentacao/produtos/build/edge-application/origins/" label="Ir para referência de Origins" type="primary" theme="light" target="_blank" />
 
 2. **Domínio de entrega**: o domínio alvo da aplicação. Esta saída assume a forma de um domínio Azion, que pode ser apontado para um domínio personalizado. 
-  <LinkButton link="/pt-br/documentacao/produtos/build/edge-application/domains/" label="saiba mais sobre Domains" severity="secondary" target="_blank" />
+  <Button href="/pt-br/documentacao/produtos/build/edge-application/domains/" label="saiba mais sobre Domains" type="primary" theme="light" target="_blank" />
 
 A maioria das aplicações precisa de uma origem da qual a Azion recupera o conteúdo e o código que as compõem. Essa aplicação passa pelos edge nodes da Azion para ser entregue aos usuários através de um domínio.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/build/visao-geral/" label="saiba mais sobre applications" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/guias/build/visao-geral/" label="saiba mais sobre applications" type="primary" theme="light" target="_blank" />
 
 ---
 
@@ -35,7 +35,7 @@ A maioria das aplicações precisa de uma origem da qual a Azion recupera o cont
 
 Você pode começar criando uma application usando um template básico e o endereço de origem de sua aplicação. Uma opção recomendada é o template [Hello World](/pt-br/documentacao/produtos/guias/hello-world-template/), que usa **Functions** para executar uma função simples no edge.
 
-<LinkButton link="/pt-br/documentacao/produtos/marketplace/visao-geral-templates-e-integracoes/" label="Ir para referência de Templates" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/marketplace/visao-geral-templates-e-integracoes/" label="Ir para referência de Templates" type="primary" theme="light" target="_blank" />
 
 Veja a [lista completa de templates disponíveis](/pt-br/documentacao/produtos/guias/#azion-templates).
 
@@ -51,4 +51,4 @@ Antes de implantar a aplicação, a recomendação é [fazer o staging da aplica
 
 O passo final para migrar totalmente sua aplicação para a Azion é apontar seu domínio personalizado para a application da Azion. Ao fazer isso, você permite que os usuários acessem sua application através de seu domínio, reduzindo a latência e os custos de processamento na origem.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/apontar-dominio-para-a-azion/" label="consulte o guia de como apontar um domínio" />
+<Button href="/pt-br/documentacao/produtos/guias/apontar-dominio-para-a-azion/" label="consulte o guia de como apontar um domínio" type="primary" theme="light" />
diff --git a/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/templates-e-integracoes/atualizar-uma-integracao.mdx b/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/templates-e-integracoes/atualizar-uma-integracao.mdx
index 2fe9ba73b7..369486b2c8 100644
--- a/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/templates-e-integracoes/atualizar-uma-integracao.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/templates-e-integracoes/atualizar-uma-integracao.mdx
@@ -7,13 +7,13 @@ meta_tags: 'Azion, application, integrações, marketplace'
 namespace: docs_marketplace_update_integrations
 permalink: /documentacao/produtos/marketplace/atualizar-uma-integracao/
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 As integrações oferecidas no **Azion Marketplace** não são estáticas. Os parceiros da Azion e a própria Azion podem atualizá-las quando lançarem novos recursos e funcionalidades. Assim, a recomendação é sempre ter a versão mais atualizada da integração.
 
 Esta documentação lhe orientará sobre como verificar a disponibilidade de uma atualização e como proceder para instalar a última versão.
 
-<LinkButton link="/pt-br/documentacao/produtos/marketplace/integracoes/" label="saiba mais sobre integrações" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/marketplace/integracoes/" label="saiba mais sobre integrações" type="primary" theme="light" />
 
 
 
@@ -46,7 +46,7 @@ Quando você atualiza uma integração no Azion Marketplace, *ela não substitui
 
 Por exemplo, você pode testar uma nova versão de uma integração com uma application diferente. Então, quando a nova versão tiver passado pelo seu processo de validação, você pode selecioná-la para ser executada na sua application. Para fazer isso, altere a versão da integração no menu suspenso de funções na sua application.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/build/instanciar-edge-functions/" label="consulte o guia como instanciar functions" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/build/instanciar-edge-functions/" label="consulte o guia como instanciar functions" type="primary" theme="light" />
 
 
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/templates-e-integracoes/instalar-uma-integracao.mdx b/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/templates-e-integracoes/instalar-uma-integracao.mdx
index a6fcc38b85..8d62285d0b 100644
--- a/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/templates-e-integracoes/instalar-uma-integracao.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/templates-e-integracoes/instalar-uma-integracao.mdx
@@ -7,7 +7,7 @@ meta_tags: 'Azion, application, integrações, marketplace'
 namespace: docs_marketplace_install_integrations
 permalink: /documentacao/produtos/marketplace/instalar-uma-integracao/
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 As **Azion Integrations** permitem que você melhore, componha ou personalize suas aplicações. Essas integrações são baseadas em funções que são executadas no edge. Esta documentação lhe guiará no processo para instalar uma integração em uma application existente.
 
@@ -16,11 +16,11 @@ Considerando que o Marketplace da Azion tem integrações que executam functions
 - [Applications functions](#edge-application-functions)
 - [Firewall functions](#edge-firewall-functions)
 
-<LinkButton link="/pt-br/documentacao/produtos/marketplace/integracoes/" label="saiba mais sobre integrações" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/marketplace/integracoes/" label="saiba mais sobre integrações" type="primary" theme="light" />
 
 
 <br />
-<LinkButton link="/pt-br/documentacao/produtos/guias/#marketplace" label="consulte os guias das integrações" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/#marketplace" label="consulte os guias das integrações" type="primary" theme="light" />
 
 
 
@@ -173,7 +173,7 @@ Isso abrirá sua lista de **Functions**, mostrando todas as suas funções, incl
 
 As integrações publicadas no Marketplace não são estáticas. Os parceiros da Azion e a própria Azion podem atualizá-las quando lançarem novos recursos e funcionalidades. Assim, a recomendação é sempre ter a versão mais atualizada da integração.
 
-<LinkButton link="/pt-br/documentacao/produtos/marketplace/atualizar-uma-integracao/" label="consulte o guia Como atualizar uma integração" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/marketplace/atualizar-uma-integracao/" label="consulte o guia Como atualizar uma integração" type="primary" theme="light" />
 
 
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/templates-e-integracoes/integracoes-visao-geral.mdx b/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/templates-e-integracoes/integracoes-visao-geral.mdx
index a4c8623666..4e897af705 100644
--- a/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/templates-e-integracoes/integracoes-visao-geral.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/templates-e-integracoes/integracoes-visao-geral.mdx
@@ -5,7 +5,7 @@ meta_tags: 'Azion, application, integrações, marketplace'
 namespace: docs_marketplace_integrations
 permalink: /documentacao/produtos/marketplace/integracoes/
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 O **Marketplace da Azion** oferece integrações que você pode usar para melhorar, compor ou personalizar suas aplicações. Como catálogo digital, ele permite que os desenvolvedores implementem integrações que atendam aos seus requisitos, oferecendo recursos desenvolvidos por equipes especializadas da Azion ou vendedores e parceiros terceirizados usando o [Marketplace da Azion](/pt-br/documentacao/produtos/marketplace/) como um canal para distribuir seus produtos.
 
@@ -103,7 +103,7 @@ As integrações baseadas nas funções do Applications abrangem os seguintes ce
 | [Content Targeting](/pt-br/documentacao/produtos/guias/content-targeting-integration/) | Manipule cookies e cabeçalhos para uma lógica de uso flexível. |
 | [Signed Cookies](/pt-br/documentacao/produtos/guias/signed-cookies/) | Implemente este tipo de cookie que tem uma camada extra de segurança. |
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/#marketplace" label="consulte os guias das integrações" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/#marketplace" label="consulte os guias das integrações" type="primary" theme="light" />
 
 
 
@@ -159,7 +159,7 @@ As integrações baseadas nas funções do Applications abrangem os seguintes ce
 | [Request Variation Controller](/pt-br/documentacao/produtos/guias/request-variation-controller/) | Crie um cookie assinado para rastrear os diferentes argumentos que o usuário (ou a origem) está usando nas requisições e verifique o número de variações feitas para bloquear o acesso à origem sempre que o usuário exceder o número máximo permitido. |
 | [Upstash Waiting Room](/pt-br/documentacao/produtos/guias/waiting-room/) | Gerencie picos de tráfego e evite sobrecarga em seus sites e aplicações usando uma sala de espera. |
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/#marketplace" label="consulte os guias das integrações" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/#marketplace" label="consulte os guias das integrações" type="primary" theme="light" />
 
 
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/templates-e-integracoes/overview.mdx b/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/templates-e-integracoes/overview.mdx
index 14128ede53..188b6c1d79 100644
--- a/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/templates-e-integracoes/overview.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/templates-e-integracoes/overview.mdx
@@ -7,7 +7,7 @@ meta_tags: 'Azion, application, templates, integrações, marketplace'
 namespace: docs_marketplace_templates_integrations_overview
 permalink: /documentacao/produtos/marketplace/visao-geral-templates-e-integracoes/
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 A Azion oferece uma ampla gama de opções para acelerar seu fluxo de trabalho: do desenvolvimento e implantação ao gerenciamento e monitoramento. Isso inclui [templates](#azion-templates) pré-construídos para implantar um novo projeto do zero e [integrações](#azion-integrations) para aumentar os recursos de suas aplicações e serviços.
 
@@ -38,11 +38,11 @@ Ao usar **Templates e Integrações**, você pode:
 
 Os templates oferecidos pela Azion são projetos pré-construídos e pré-configurados projetados para criar e implantar rapidamente novas applications que atendem a uma variedade de casos de uso. Ao usar esses templates, você também pode aproveitar os recursos de edge computing, como baixa latência, entrega global, segurança aprimorada e um alto nível de desempenho.
 
-<LinkButton link="/pt-br/documentacao/produtos/marketplace/templates/" label="Saiba mais sobre templates" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/marketplace/templates/" label="Saiba mais sobre templates" type="primary" theme="light" />
 
 
 <br />
-<LinkButton link="/pt-br/documentacao/produtos/usar-um-template-via-rtm/" label="consulte o guia como usar um template" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/usar-um-template-via-rtm/" label="consulte o guia como usar um template" type="primary" theme="light" />
 
 
 
@@ -52,11 +52,11 @@ Os templates oferecidos pela Azion são projetos pré-construídos e pré-config
 
 As integrações oferecidas pela Azion permitem que você melhore, componha ou personalize suas aplicações, adicionando novas funcionalidades e recursos, com base em functions. O catálogo de integrações abrange diferentes casos de uso e funcionalidades, como segurança, desempenho, bancos de dados, inteligência artificial e muito mais.
 
-<LinkButton link="/pt-br/documentacao/produtos/marketplace/integracoes/" label="saiba mais sobre integrações" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/marketplace/integracoes/" label="saiba mais sobre integrações" type="primary" theme="light" />
 
 
 <br />
-<LinkButton link="/pt-br/documentacao/produtos/marketplace/instalar-uma-integracao/" label="consulte o guia como instalar uma integração" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/marketplace/instalar-uma-integracao/" label="consulte o guia como instalar uma integração" type="primary" theme="light" />
 
 
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/templates-e-integracoes/templates-visao-geral.mdx b/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/templates-e-integracoes/templates-visao-geral.mdx
index dbe7d051b1..dd6453b874 100644
--- a/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/templates-e-integracoes/templates-visao-geral.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/templates-e-integracoes/templates-visao-geral.mdx
@@ -7,7 +7,7 @@ meta_tags: 'Azion, application, templates, marketplace'
 namespace: docs_marketplace_templates
 permalink: /documentacao/produtos/marketplace/templates/
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag';
 
 <Tag severity="info" client:only="vue">
@@ -79,7 +79,7 @@ Você pode atualizar e personalizar as configurações do sua aplicação via Az
 
 Alguns templates funcionam com ferramentas de terceiros para fornecer uma solução mais abrangente e moderna. O uso desse tipo de templates exigirá a conformidade com certos requisitos, como a criação de uma conta ou a configuração inicial. Em alguns casos, essa integração pode gerar custo por uso.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/#azion-templates" label="consulte os guias dos templates" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/#azion-templates" label="consulte os guias dos templates" type="primary" theme="light" />
 
 
 
@@ -95,350 +95,575 @@ Os templates da Azion oferecem soluções para diferentes cenários e casos de u
 
 O **Angular Boilerplate** da Azion fornece uma solução de automação para construir uma Single-Page Application (SPA) baseada em Angular e executá-la diretamente no edge da rede.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/angular-boilerplate/" label="consulte o guia do Angular Boilerplate" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/angular-boilerplate/" label="consulte o guia do Angular Boilerplate" type="primary" theme="light" />
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/angular/angular-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/angular/angular-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Astro Blog Starter Kit
 
 Este template contém as configurações para criar uma nova página de blog com base no framework Astro. Após a implantação, você pode interagir com as postagens e a interface padrão que já existem neste template e personalizá-las.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/astro-blog-starter-kit/" label="consulte o guia do Astro Blog Starter Kit" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/astro-blog-starter-kit/" label="consulte o guia do Astro Blog Starter Kit" type="primary" theme="light" />
+
+ <Button
 
- <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/astro/astro-blog-starter-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      href="https://console.azion.com/create/astro/astro-blog-starter-kit"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Astro Boilerplate
 
 O **Astro Boilerplate** permite que você crie um projeto básico com Astro, uma framework para construir sites content-driven como blogs, e-commerce, e marketing.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/astro-boilerplate/" label="Consulte o guia do Astro Boilerplate" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/astro-boilerplate/" label="Consulte o guia do Astro Boilerplate" type="primary" theme="light" />
+
+ <Button
 
- <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/astro/astro-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      href="https://console.azion.com/create/astro/astro-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Astro E-commerce
 
 A coleção Astro E-commerce Templates apresenta uma série de templates para implantar uma aplicação de e-commerce baseada em Astro. Você pode escolher e implantar o template que melhor se adequa às suas necessidades e preferências.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/astro-ecommerce-collection/" label="consulte o guia dos Astro E-commerce Templates" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/astro-ecommerce-collection/" label="consulte o guia dos Astro E-commerce Templates" type="primary" theme="light" /> 
 
 #### Azion Starter Kit 
 
 **Azion Starter Kit** é ideal para dar os primeiros passos na Azion Web Platform. Com este template, você pode acelerar a criação de um stack de edge básico para explorar a plataforma e seus recursos.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/azion-starter-kit/" label="consulte o guia do Azion Starter Kit" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/azion-starter-kit/" label="consulte o guia do Azion Starter Kit" type="primary" theme="light" /> 
+
+ <Button
+
+      href="https://console.azion.com/create/azion/azion-starter-kit"
 
- <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/azion/azion-starter-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Book Store React
 
 Este template permite construir uma aplicação de e-commerce baseada no framework React.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/book-store-react/" label="Consulte o guia do Book Store React" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/book-store-react/" label="Consulte o guia do Book Store React" type="primary" theme="light" /> 
+
+ <Button
+
+      href="https://console.azion.com/create/azion-community/book-store-react"
 
- <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/azion-community/book-store-react"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
   #### ButterCMS Templates Collection
 
 A coleção **ButterCMS Templates** apresenta uma série de templates para implantar aplicações web baseadas em ButterCMS. Você pode escolher e implantar o template que melhor se adapta às suas necessidades e preferências.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/butter-templates-collection/" label="Consulte o guia dos ButterCMS Templates" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/butter-templates-collection/" label="Consulte o guia dos ButterCMS Templates" type="primary" theme="light" /> 
 
 
 #### Clean Angular + Sanity application
 
 Este template permite criar uma aplicação Angular com um Sanity Studio.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/clean-angular-sanity/" label="Consulte o guia do Clean Angular + Sanity application" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/clean-angular-sanity/" label="Consulte o guia do Clean Angular + Sanity application" type="primary" theme="light" /> 
+
+ <Button
+
+      href="https://console.azion.com/create/sanity/clean-angular-sanity-app"
+
+      label="Implantar"
 
- <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/sanity/clean-angular-sanity-app"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Clean Astro + Sanity application
 
 Este template permite criar um site Astro básico integrado com Sanity.io para gerenciar o conteúdo.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/clean-astro-sanity/" label="Consulte o guia do Clean Astro + Sanity application" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/clean-astro-sanity/" label="Consulte o guia do Clean Astro + Sanity application" type="primary" theme="light" /> 
+
+ <Button
+
+      href="https://console.azion.com/create/sanity/clean-astro-sanity-app"
+
+      label="Implantar"
 
- <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/sanity/clean-astro-sanity-app"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Clean Nuxt + Sanity application
 
 Este template permite criar uma aplicação Nuxt básica com um Sanity Studio.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/clean-nuxt-sanity/" label="Consulte o guia do Clean Nuxt + Sanity application" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/clean-nuxt-sanity/" label="Consulte o guia do Clean Nuxt + Sanity application" type="primary" theme="light" /> 
+
+ <Button
+
+      href="https://console.azion.com/create/sanity/clean-nuxt-sanity-app"
+
+      label="Implantar"
+
+      type="primary"
 
- <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/sanity/clean-nuxt-sanity-app"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### CosmicJS + Agency Website
 
 Este template permite criar um site dinâmico usando os componentes React e Blocks do Cosmic.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/cosmic-agency-website/" label="Consulte o guia do CosmicJS + Agency Website" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/cosmic-agency-website/" label="Consulte o guia do CosmicJS + Agency Website" type="primary" theme="light" /> 
+
+ <Button
+
+      href="https://console.azion.com/create/cosmic/cosmic-agency-website"
+
+      label="Implantar"
+
+      type="primary"
 
- <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/cosmic/cosmic-agency-website"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Cosmic + Simple Astro Blog
 
 Este template permite criar e gerenciar um blog facilmente.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/cosmic-simple-astro-blog/" label="Consulte o guia do Cosmic + Simple Astro Blog" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/cosmic-simple-astro-blog/" label="Consulte o guia do Cosmic + Simple Astro Blog" type="primary" theme="light" /> 
+
+ <Button
+
+      href="https://console.azion.com/create/cosmic/cosmic-simple-astro-blog"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
 
- <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/cosmic/cosmic-simple-astro-blog"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Cosmic + Simple Next.js Blog
 
 Este template permite criar e gerenciar um blog com facilidade, utilizando os recursos do Next.js para obter desempenho e experiência do usuário ideais.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/cosmic-simple-next-blog/" label="Consulte o guia do Cosmic + Simple Next.js Blog" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/cosmic-simple-next-blog/" label="Consulte o guia do Cosmic + Simple Next.js Blog" type="primary" theme="light" /> 
+
+ <Button
+
+      href="https://console.azion.com/create/cosmic/cosmic-simple-nextjs-blog"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
 
- <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/cosmic/cosmic-simple-nextjs-blog"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### DevsCard
 
 Este template permite implantar um currículo online usando o projeto DevsCard.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/devscard/" label="consulte o guia do template DevsCard" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/devscard/" label="consulte o guia do template DevsCard" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/azion-community/devscard"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/azion-community/devscard"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      icon-pos="left"
+
+    />
 
 #### Docusaurus with Material UI
 
 O template permite que você implante um site Docusaurus integrado com o Material UI diretamente no edge.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/docusaurus-material-ui-template/" label="consulte o guia do Docusaurus with Material UI" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/docusaurus-material-ui-template/" label="consulte o guia do Docusaurus with Material UI" type="primary" theme="light" /> 
+
+ <Button
+
+      href="https://console.azion.com/create/docusaurus/docusaurus-material-ui"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
 
- <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/docusaurus/docusaurus-material-ui"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      icon-pos="left"
+
+    />
 
 #### Docusaurus JavaScript Boilerplate
 
 O **Docusaurus JavaScript Boilerplate** é um exemplo inicial para implantar um projeto estático básico baseado no framework Docusaurus e escrito em JavaScript.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/docusaurus-javascript-boilerplate/" label="consulte o guia do Docusaurus JavaScript Boilerplate" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/docusaurus-javascript-boilerplate/" label="consulte o guia do Docusaurus JavaScript Boilerplate" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/docusaurus/docusaurus-boilerplate-javascript"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/docusaurus/docusaurus-boilerplate-javascript"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+    />
 
 #### Docusaurus TypeScript Boilerplate
 
 O **Docusaurus TypeScript Boilerplate** é um exemplo inicial para implantar um projeto estático básico baseado no framework Docusaurus e escrito em TypeScript.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/docusaurus-typescript-boilerplate/" label="consulte o guia do Docusaurus TypeScript Boilerplate" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/docusaurus-typescript-boilerplate/" label="consulte o guia do Docusaurus TypeScript Boilerplate" type="primary" theme="light" /> 
+
+ <Button
+
+      href="https://console.azion.com/create/docusaurus/docusaurus-boilerplate-typescript"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
 
- <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/docusaurus/docusaurus-boilerplate-typescript"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+    />
 
 O template **Function Starter Kit** ajuda a criar uma application com Inteligência Artificial (AI), executando APIs compatíveis com OpenAI diretamente na rede distribuída da Azion.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/functions-starter-kit/" label="Consulte o guia do Function Starter Kit" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/functions-starter-kit/" label="Consulte o guia do Function Starter Kit" type="primary" theme="light" />
 
- <LinkButton
-    label="Implementar"
-    link="https://console.azion.com/create/azion/starter-kit-edge-ai"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+ <Button
+
+      href="https://console.azion.com/create/azion/starter-kit-edge-ai"
+
+      label="Implementar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Function Starter Kit
 
 O **Function Starter Kit** ajuda a criar uma aplicação baseada em functions sem dependências de origem.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/functions-starter-kit/" label="Consulte o guia do Function Starter Kit" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/functions-starter-kit/" label="Consulte o guia do Function Starter Kit" type="primary" theme="light" />
+
+ <Button
+
+      href="https://console.azion.com/create/azion-community/edge-function-starter-kit"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
 
- <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/azion-community/edge-function-starter-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+    />
 
 #### EdgeSQL Starter Kit
 
 O **EdgeSQL Starter Kit** ajuda a criar um projeto básico de CRUD baseado em JavaScript e usá-lo para interagir com um banco de dados SQL Database.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/edgesql-starter-kit/" label="Consulte o guia do EdgeSQL Starter Kit" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/edgesql-starter-kit/" label="Consulte o guia do EdgeSQL Starter Kit" type="primary" theme="light" />
 
- <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/azion-community/edgesql-starter-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+ <Button
+
+      href="https://console.azion.com/create/azion-community/edgesql-starter-kit"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Eleventy E-commerce
 
 A coleção Eleventy E-commerce Templates apresenta uma série de templates para implantar uma aplicação de e-commerce baseada no Eleventy (11ty). Você pode escolher e implantar o template que melhor se adapta às suas necessidades e preferências.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/eleventy-ecommerce-collection/" label="consulte o guia dos Eleventy E-commerce Templates" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/eleventy-ecommerce-collection/" label="consulte o guia dos Eleventy E-commerce Templates" type="primary" theme="light" /> 
 
 #### Gatsby Blog Starter Kit
 
 Cria uma nova página de blog baseada no framework Gatsby. Após a implantação, você pode interagir com as postagens e interface padrão que já existem neste template e personalizá-las.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/gatsby-blog-starter-kit/" label="consulte o guia do Gatsby Blog Starter Kit" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/gatsby-blog-starter-kit/" label="consulte o guia do Gatsby Blog Starter Kit" type="primary" theme="light" />
+
+<Button
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/gatsby/gatsby-blog-starter-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      href="https://console.azion.com/create/gatsby/gatsby-blog-starter-kit"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Gatsby Boilerplate
 
 Cria uma Single-Page Application (SPA) baseada no framework Gatsby para ser executada diretamente no edge da rede.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/gatsby-boilerplate/" label="consulte o guia do Gatsby Boilerplate" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/gatsby-boilerplate/" label="consulte o guia do Gatsby Boilerplate" type="primary" theme="light" />
+
+<Button
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/gatsby/gatsby-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      href="https://console.azion.com/create/gatsby/gatsby-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 
 #### Gatsby E-commerce Theme 
 
 Este template permite construir uma aplicação de e-commerce baseada no framework Gatsby.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/gatsby-ecommerce-theme/" label="consulte o guia do Gatsby E-commerce Theme" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/gatsby-ecommerce-theme/" label="consulte o guia do Gatsby E-commerce Theme" type="primary" theme="light" /> 
+
+ <Button
+
+      href="https://console.azion.com/create/gatsby/gatsby-ecommerce-theme"
 
- <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/gatsby/gatsby-ecommerce-theme"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Hello World
 
 O template **Hello World** da Azion cria uma application que exibe uma mensagem Hello, World! no seu navegador. Você pode usá-lo como ponto de partida para se familiarizar com a Azion Web Platform e os recursos de edge computing.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/hello-world-template/" label="consulte o guia do Hello World" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/hello-world-template/" label="consulte o guia do Hello World" type="primary" theme="light" /> 
+
+ <Button
+
+      href="https://console.azion.com/create/azion/edge-hello-world"
 
- <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/azion/edge-hello-world"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Hexo Boilerplate
 
 O **Hexo Boilerplate** permite que você crie e execute uma Single-Page Application (SPA) baseada em Hexo diretamente no edge, automatizando várias etapas, desde o gerenciamento do repositório até a implantação.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/hexo-boilerplate/" label="consulte o guia do Hexo Boilerplate" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/hexo-boilerplate/" label="consulte o guia do Hexo Boilerplate" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/hexo/hexo-boilerplate"
+
+      label="Implantar"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/hexo/hexo-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### HTMX Boilerplate
 
 O template **HTMX Boilerplate** facilita a implantação e teste de um exemplo mínimo da biblioteca HTMX na Azion Web Platform.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/htmx-boilerplate/" label="consulte o guia do HTMX Boilerplate" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/htmx-boilerplate/" label="consulte o guia do HTMX Boilerplate" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/htmx/htmx-boilerplate"
+
+      label="Implantar"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/htmx/htmx-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Hugo Boilerplate
 
 Com o **Hugo Boilerplate**, você pode iniciar um projeto usando o framework Hugo e implantá-lo no edge em poucos passos. O template cria um repositório no GitHub contendo seu projeto, bem como uma application e um domínio para facilitar seu acesso e gerenciamento através da Azion Web Platform.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/hugo-boilerplate/" label="Consulte o guia do Hugo Boilerplate" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/hugo-boilerplate/" label="Consulte o guia do Hugo Boilerplate" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/hugo/hugo-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/hugo/hugo-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Hugo E-commerce
 
 A coleção Hugo E-commerce Templates apresenta uma série de templates para implantar uma aplicação de e-commerce baseada no Hugo. Você pode escolher e implantar o template que melhor se adapta às suas necessidades e preferências.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/hugo-ecommerce-collection/" label="consulte o guia dos Hugo E-commerce Templates" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/hugo-ecommerce-collection/" label="consulte o guia dos Hugo E-commerce Templates" type="primary" theme="light" /> 
 
 #### Jekyll Boilerplate
 
@@ -446,332 +671,548 @@ Este template implanta um repositório com um projeto baseado no Jekyll, um fram
 
 Além disso, o template cria uma application e um domínio para facilitar seu acesso e gerenciamento através da Azion Web Platform.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/jekyll-boilerplate/" label="consulte o guia do Jekyll Boilerplate" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/jekyll-boilerplate/" label="consulte o guia do Jekyll Boilerplate" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/jekyll/jekyll-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/jekyll/jekyll-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Jekyll E-commerce
 
 A coleção Jekyll E-commerce Templates apresenta uma série de templates para implantar uma aplicação de e-commerce baseada em Jekyll. Você pode escolher e implantar o template que melhor se adequa às suas necessidades e preferências.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/jekyll-ecommerce-collection/" label="Consulte o guia dos Templates de E-commerce Jekyll" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/jekyll-ecommerce-collection/" label="Consulte o guia dos Templates de E-commerce Jekyll" type="primary" theme="light" /> 
 
 #### LangGraph AI Agent Boilerplate
 
 O **LangGraph AI Agent Boilerplate** contém a configuração para criar um agente de inteligência artificial com LangGraph.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/langgraph-ai-agent-boilerplate/" label="Consulte o guia do LangGraph AI Agent Boilerplate" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/langgraph-ai-agent-boilerplate/" label="Consulte o guia do LangGraph AI Agent Boilerplate" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/langgraph/langgraph-ai-agent-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/langgraph/langgraph-ai-agent-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Neon Database Starter Kit with Drizzle ORM
 
 Crie uma aplicação conectada a um banco de dados Neon via Drizzle ORM.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/neon-database-with-drizzle/" label="Consulte o guia do Neon Database with Drizzle" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/neon-database-with-drizzle/" label="Consulte o guia do Neon Database with Drizzle" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/azion-community/neon-database-with-drizzle"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/azion-community/neon-database-with-drizzle"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Next.js App + Configurations
 
 O template **Next.js App + Configurations** agiliza a criação de uma aplicação Next.js com configurações personalizadas e App Router para executá-la diretamente no edge.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/nextjs-app-configurations/" label="consulte o guia do Next.js App + Configurations" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/nextjs-app-configurations/" label="consulte o guia do Next.js App + Configurations" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/nextjs/nextjs-app-configurations"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/nextjs/nextjs-app-configurations"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      icon-pos="left"
+
+    />
 
 #### Next.js App + Middleware
 
 O template **Next.js App + Middleware** acelera a implantação de uma aplicação Next.js com configurações personalizadas, App Router e um middleware para executá-la diretamente no edge.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/nextjs-app-middleware/" label="consulte o guia do Next.js App + Middleware" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/nextjs-app-middleware/" label="consulte o guia do Next.js App + Middleware" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/nextjs/nextjs-app-middleware"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/nextjs/nextjs-app-middleware"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      icon-pos="left"
+
+    />
 
 #### Next.js E-commerce
 
 A coleção Next.js E-commerce Templates apresenta uma série de templates para implantar uma aplicação de e-commerce baseada em Next.js. Você pode escolher e implantar o template que melhor se adequa às suas necessidades e preferências.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/next-js-ecommerce-collection/" label="Consulte o guia dos Next.js E-commerce Templates" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/next-js-ecommerce-collection/" label="Consulte o guia dos Next.js E-commerce Templates" type="primary" theme="light" /> 
 
 #### Next.js Pages + Configurations
 
 O template **Next.js Pages + Configurations** permite implantar rapidamente uma aplicação Next.js com o Pages Router e configurações personalizadas.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/nextjs-pages-configurations/" label="consulte o guia do Next.js Pages + Configurations" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/nextjs-pages-configurations/" label="consulte o guia do Next.js Pages + Configurations" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/nextjs/nextjs-pages-configurations"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/nextjs/nextjs-pages-configurations"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+    />
 
 #### Next.js Pages + Middleware
 
 O template **Next.js Pages + Middleware** permite que você implante rapidamente uma aplicação Next.js com Pages Router, um middleware e configurações personalizadas.
 
-<LinkButton link="/pt-br/documentacao/produtos/nextjs-pages-middleware/" label="consulte o guia do Next.js Pages + Middleware" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/nextjs-pages-middleware/" label="consulte o guia do Next.js Pages + Middleware" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/nextjs/nextjs-pages-middleware"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/nextjs/nextjs-pages-middleware"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+    />
 
 #### Next.js Static Boilerplate
 
 O **Next.js Static Boilerplate** da Azion permite a criação e implantação de uma Single-Page Application (SPA) baseada em Next.js direitamente no edge da rede. Com a execução desse boilerplate, várias etapas são automatizadas, desde o gerenciamento do repositório até a implantação.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/nextjs-static-boilerplate/" label="consulte o guia do Next.js Static Boilerplate" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/nextjs-static-boilerplate/" label="consulte o guia do Next.js Static Boilerplate" type="primary" theme="light" />
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/nextjs/next-static-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/nextjs/next-static-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Nuxt 3 Static Boilerplate
 
 O template **Nuxt 3 Static Boilerplate** contém as configurações para rapidamente construir uma aplicação estática baseada em Nuxt 3.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/nuxt-static-boilerplate/" label="Consulte o guia do Nuxt 3 Static Boilerplate" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/nuxt-static-boilerplate/" label="Consulte o guia do Nuxt 3 Static Boilerplate" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/nuxt-static-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/nuxt-static-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+    />
 
 #### Nuxt Content
 
 O template **Nuxt Content** contém as configurações para criar um blog ou site de documentação com Nuxt Content.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/nuxt-content/" label="Consulte o guia do Nuxt Content" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/nuxt-content/" label="Consulte o guia do Nuxt Content" type="primary" theme="light" />
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/nuxt-content"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/nuxt-content"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Nuxt Notes
 
 O template **Nuxt Notes** contém as configurações para criar uma aplicação básica de anotações com Nuxt.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/nuxt-notes/" label="Consulte o guia do Nuxt Notes" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/nuxt-notes/" label="Consulte o guia do Nuxt Notes" type="primary" theme="light" />
+
+<Button
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/nuxt-notes"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      href="https://console.azion.com/create/nuxt-notes"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Preact JavaScript Boilerplate
 
 O **Preact JavaScript Boilerplate** da Azion ajuda você a construir um projeto usando Preact com JavaScript diretamente no edge. **Preact** é uma biblioteca JavaScript com a mesma API que o React, mas otimizada para velocidade e tamanho reduzido do bundle.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/preact-javascript-boilerplate/" label="Consulte o guia do Preact JavaScript Boilerplate" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/preact-javascript-boilerplate/" label="Consulte o guia do Preact JavaScript Boilerplate" type="primary" theme="light" />
+
+<Button
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/react/preact-javascript-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      href="https://console.azion.com/create/react/preact-javascript-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Preact TypeScript Boilerplate
 
 O **Preact TypeScript Boilerplate** da Azion ajuda você a construir um projeto usando Preact com TypeScript diretamente no edge. **Preact** é uma biblioteca JavaScript com a mesma API que o React, mas otimizada para velocidade e tamanho reduzido do bundle.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/preact-typescript-boilerplate/" label="Consulte o guia do Preact TypeScript Boilerplate" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/preact-typescript-boilerplate/" label="Consulte o guia do Preact TypeScript Boilerplate" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/react/preact-typescript-boilerplate"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/react/preact-typescript-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 
 #### React Boilerplate
 
 O **React Boilerplate** da Azion ajuda você a construir uma Single-Page Application (SPA) baseada em React diretamente no edge, executando esse boilerplate. Várias etapas são automatizadas, desde o gerenciamento de repositórios até a implantação.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/react-boilerplate/" label="consulte o guia do React Boilerplate" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/react-boilerplate/" label="consulte o guia do React Boilerplate" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/react/react-boilerplate"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/react/react-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Stencil PWA Boilerplate
 
 O template **Stencil PWA Boilerplate** contém as configurações para construir rapidamente uma Progressive Web Application (PWA) usando Stencil, uma toolchain para construir componentes de UI e sites estáticos rápidos e reutilizáveis.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/stencil-pwa-boilerplate/" label="Consulte o guia do Stencil PWA Boilerplate" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/stencil-pwa-boilerplate/" label="Consulte o guia do Stencil PWA Boilerplate" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/stencil/stencil-pwa-boilerplate"
+
+      label="Implantar"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/stencil/stencil-pwa-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Svelte Boilerplate
 
 O **Svelte Boilerplate** simplifica a implantação de uma aplicação estática baseada no framework Svelte, diretamente no edge, acelerando e automatizando todo o processo.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/svelte-boilerplate/" label="consulte o guia do Svelte Boilerplate" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/svelte-boilerplate/" label="consulte o guia do Svelte Boilerplate" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/svelte/svelte-boilerplate"
+
+      label="Implantar"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/svelte/svelte-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Stencil Boilerplate
 
 O **Stencil Boilerplate** fornece uma solução para configurar rapidamente uma aplicação web estática usando Stencil.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/stencil-boilerplate/" label="Consulte o guia do Stencil Boilerplate" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/stencil-boilerplate/" label="Consulte o guia do Stencil Boilerplate" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/stencil-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/stencil-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### TiDB Starter Kit with Drizzle ORM
 
 Crie uma aplicação conectada a um banco de dados TiDB via Drizzle ORM.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/tidb-with-drizzle/" label="Ir para o guia do TiDB with Drizzle" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/tidb-with-drizzle/" label="Ir para o guia do TiDB with Drizzle" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/tidb-with-drizzle"
+
+      label="Implantar"
+
+      type="primary"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/tidb-with-drizzle"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### VitePress JavaScript Boilerplate
 
 Este template  permite implantar facilmente um projeto estático baseado no VitePress e escrito em JavaScript.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/vitepress-javascript-boilerplate/" label="consulte o guia do VitePress JavaScript Boilerplate" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/vitepress-javascript-boilerplate/" label="consulte o guia do VitePress JavaScript Boilerplate" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/vitepress/vitepress-javascript-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/vitepress/vitepress-javascript-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### VitePress TyeScript Boilerplate
 
 Este template permite implantar facilmente um projeto estático baseado no VitePress e escrito em TypeScript.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/vitepress-typescript-boilerplate/" label="consulte o guia do VitePress TyeScript Boilerplate" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/vitepress-typescript-boilerplate/" label="consulte o guia do VitePress TyeScript Boilerplate" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/vitepress/vitepress-typescript-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/vitepress/vitepress-typescript-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Vue Boilerplate
 
 O **Vue Boilerplate** da Azion fornece uma solução de automação para criar uma Single-Page Application (SPA) do Vue diretamente no edge da rede, encapsulando e automatizando várias etapas, desde o gerenciamento do repositório até a implantação.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/vue-boilerplate/" label="consulte o guia do Vue Boilerplate" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/vue-boilerplate/" label="consulte o guia do Vue Boilerplate" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/vue/vue-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/vue/vue-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      icon-pos="left"
+
+    />
 
 #### Vuepress Boilerplate
 
 O Vuepress Boilerplate fornece uma solução para configurar rapidamente uma aplicação web estática usando o VuePress.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/vuepress-boilerplate/" label="Consulte o guia do Vuepress Boilerplate" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/vuepress-boilerplate/" label="Consulte o guia do Vuepress Boilerplate" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/vuepress/vuepress-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/vuepress/vuepress-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-/>
+      icon-pos="left"
+
+    />
 
 #### Vue3/Vite Boilerplate
 
 O **Vue3/Vite Boilerplate** acelera a implantação de uma aplicação baseada nesses frameworks diretamente no edge.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/vue-vite-boilerplate/" label="consulte o guia do Vue3/Vite Boilerplate" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/vue-vite-boilerplate/" label="consulte o guia do Vue3/Vite Boilerplate" type="primary" theme="light" />
+
+ <Button
+
+      href="https://console.azion.com/create/vitejs/vitejs-vue3-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
 
- <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/vitejs/vitejs-vue3-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+    />
 
 #### VuePress Templates Collection
 
 A coleção **VuePress Templates** apresenta uma série de templates para implantar aplicações web baseadas em VuePress. Você pode escolher e implantar o template que melhor se adapta às suas necessidades e preferências.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/vuepress-templates-collection/" label="consulte o guia dos VuePress Templates" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/vuepress-templates-collection/" label="consulte o guia dos VuePress Templates" type="primary" theme="light" /> 
 
 #### Webpage to PDF Resume
 
 Este template permite implantar facilmente um currículo online baseado no projeto Webpage to PDF Resume.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/webpage-to-pdf-resume/" label="consulte o guia do Webpage to PDF Resume" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/webpage-to-pdf-resume/" label="consulte o guia do Webpage to PDF Resume" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/azion-community/webpage-to-pdf-resume"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/azion-community/webpage-to-pdf-resume"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+    />
 
 ### Desempenho e confiabilidade do serviço
 
@@ -779,92 +1220,155 @@ Este template permite implantar facilmente um currículo online baseado no proje
 
 O template **Dynamic and Static File Optimization** contém políticas e configurações padrão de cache para melhorar a entrega e desempenho de conteúdo estático e dinâmico, bem como imagens, com base na extensão do arquivo. Além disso, ele também permite o processamento e otimização de imagens. Dessa forma, você pode entregar seu conteúdo usando a Azion como CDN.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/dynamic-static-file-optimization-template/" label="consulte o guia do template Dynamic and Static File Optimization" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/dynamic-static-file-optimization-template/" label="consulte o guia do template Dynamic and Static File Optimization" type="primary" theme="light" /> 
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/azion/dynamic-and-static-file-optimization"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion/dynamic-and-static-file-optimization"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Applications Proxy
 
 **Applications Proxy** inclui configurações que adicionam uma camada de engine rules para ignorar todas as configurações de cache para uma rota específica de URL. Essas configurações utilizam uma regra padrão baseada em critérios e comportamentos aplicados por meio do Rules Engine para Applications.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/edge-application-proxy-template/" label="consulte o guia do template Applications Proxy" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/edge-application-proxy-template/" label="consulte o guia do template Applications Proxy" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/azion/edge-application-proxy"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/azion/edge-application-proxy"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+    />
 
 #### Image Optimization
 
 **Image Optimization** inclui configurações para aprimorar o carregamento de imagens e o armazenamento em cache com base na extensão do arquivo. Essas configurações utilizam regras avançadas de chave de cache aplicadas por meio do Rules Engine para Applications.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/image-optimization-template/" label="consulte o guia do template Image Optimization" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/image-optimization-template/" label="consulte o guia do template Image Optimization" type="primary" theme="light" /> 
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/azion/image-optimization"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/azion/image-optimization"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Static Cache
 
 O **Static Cache** inclui configurações que otimizam a entrega e o desempenho de conteúdo estático, como JavaScript, CSS e outros arquivos estáticos. Essas configurações utilizam regras de advanced cache key aplicadas por meio do Rules Engine para Applications.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/static-cache-template/" label="consulte o guia do template Static Cache" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/static-cache-template/" label="consulte o guia do template Static Cache" type="primary" theme="light" /> 
+
+ <Button
 
- <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/azion/static-cache"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      href="https://console.azion.com/create/azion/static-cache"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Static Cache + Videoteca Player
 
 O template **Static Cache + Videoteca Player** inclui configurações que otimizam a entrega e o desempenho de conteúdo estático. Ele também implementa a integração do **Videoteca Player** da Azion para facilitar a hospedagem do seu player Videoteca do Videofront.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/static-cache-videoteca-template/" label="consulte o guia do template Static Cache + Videoteca Player" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/static-cache-videoteca-template/" label="consulte o guia do template Static Cache + Videoteca Player" type="primary" theme="light" /> 
+
+<Button
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/videofront/static-cache-videoteca-player"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      href="https://console.azion.com/create/videofront/static-cache-videoteca-player"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Upstash Rate Limiting
 
 O template **Upstash Rate Limiting** ajuda você a implementar rate limiting em um ambiente serverless, sem a necessidade de uma extensa configuração manual. Este template inclui configurações para limitar as requisições e definir janelas de limite e funciona em conjunto com o Azion Functions.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/upstash-rate-limiting/" label="consulte o guia do Upstash Rate Limiting" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/upstash-rate-limiting/" label="consulte o guia do Upstash Rate Limiting" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/upstash/upstash-ratelimit"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/upstash/upstash-ratelimit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### WordPress EdgeAccelerator
 
 O **WordPress EdgeAccelerator** ajuda você a migrar seu site WordPress para ser executado no edge da rede. Ele cria uma nova aplicação e um domínio da Azion e também define algumas configurações-chave para implementar o projeto com sucesso.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/wordpress-edgeaccelerator/" label="consulte o guia do WordPress EdgeAccelerator" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/wordpress-edgeaccelerator/" label="consulte o guia do WordPress EdgeAccelerator" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/wordpress/wordpress-edgeaccelerator"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/wordpress/wordpress-edgeaccelerator"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### WordPress InstaCreator
 
@@ -872,14 +1376,23 @@ O **WordPress InstaCreator** permite a criação automatizada de um projeto Word
 
 Ao empregar a infraestrutura do WordPress e da Amazon Web Services (AWS), você pode implementar um novo projeto na Azion Web Platform para gerenciá-lo e executá-lo no edge.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/wordpress-instacreator/" label="consulte o guia do WordPress InstaCreator" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/wordpress-instacreator/" label="consulte o guia do WordPress InstaCreator" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/wordpress/wordpress-instacreator"
+
+      label="Implantar"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/wordpress/wordpress-instacreator"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ### Segurança das aplicações e redes
 
@@ -887,40 +1400,67 @@ Ao empregar a infraestrutura do WordPress e da Amazon Web Services (AWS), você
 
 O template **Bot Manager Lite and TOR Block Starter Kit** permite implantar um pacote de segurança básico para proteger seus domínios contra bots mal-intencionados e requisições de Tor Exit Nodes.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/bot-manager-lite-and-tor-block-starter-kit/" label="consulte o guia do Bot Manager Lite and TOR Block Starter Kit" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/bot-manager-lite-and-tor-block-starter-kit/" label="consulte o guia do Bot Manager Lite and TOR Block Starter Kit" type="primary" theme="light" />
+
+ <Button
+
+      href="https://console.azion.com/create/azion/bot-manager-and-tor-block-starter-kit"
+
+      label="Implantar"
 
- <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/azion/bot-manager-and-tor-block-starter-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Bot Manager Lite Integration Kit
 
 O template **Bot Manager Lite Integration Kit** fornece uma maneira fácil de integrar a função do Bot Manager Lite em um firewall existente na Azion.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/bot-manager-lite-integration-kit/" label="consulte o guia do Bot Manager Lite Integration Kit" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/bot-manager-lite-integration-kit/" label="consulte o guia do Bot Manager Lite Integration Kit" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/azion/bot-manager-integration-kit"
+
+      label="Implantar"
+
+      type="primary"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/azion/bot-manager-integration-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Bot Manager Lite Starter Kit
 
 O template **Bot Manager Lite Starter Kit** cria um novo stack edge para permitir que os clientes vejam o Bot Manager Lite em ação.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/bot-manager-lite-starter-kit/" label="consulte o guia do Bot Manager Lite Starter Kit" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/bot-manager-lite-starter-kit/" label="consulte o guia do Bot Manager Lite Starter Kit" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/azion/bot-manager-starter-kit"
+
+      label="Implantar"
+
+      type="primary"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/azion/bot-manager-starter-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 ### Automação de aplicações e infraestrutura
 
@@ -928,101 +1468,173 @@ O template **Bot Manager Lite Starter Kit** cria um novo stack edge para permiti
 
 Este template permite implantar functions integradas ao GitHub Actions diretamente no edge da rede.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/edge-function-github-autodeploy/" label="consulte o guia do Function GitHub AutoDeploy" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/edge-function-github-autodeploy/" label="consulte o guia do Function GitHub AutoDeploy" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/github/edge-function-github-autodeploy"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/github/edge-function-github-autodeploy"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### MongoDB Atlas Boilerplate
 
 O **MongoDB Atlas Boilerplate** permite implantar uma aplicação integrada ao MongoDB Atlas no edge. Além disso, devido à integração com a Atlas Data API, você pode criar, recuperar, atualizar e excluir itens em suas coleções por meio de requisições HTTPS padrão.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/mongodb-atlas/" label="consulte o guia do MongoDB Atlas Boilerplate" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/mongodb-atlas/" label="consulte o guia do MongoDB Atlas Boilerplate" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/mongodb-atlas/mongodb-atlas"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/mongodb-atlas/mongodb-atlas"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### QStash EdgeFunction Scheduler
 
 O template **QStash EdgeFunction Scheduler** configura e gerencia uma function personalizada, que recebe uma programação configurada pelo usuário e a envia através do QStash.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/qstash-function-scheduler/" label="consulte o guia do QStash EdgeFunction Scheduler" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/qstash-function-scheduler/" label="consulte o guia do QStash EdgeFunction Scheduler" type="primary" theme="light" />
+
+<Button
+
+      href="https://console.azion.com/create/upstash/qstash-edgefunction-scheduler"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/upstash/qstash-edgefunction-scheduler"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      icon-pos="left"
+
+    />
 
 #### Qwik Boilerplate
 
 O **Qwik Boilerplate** da Azion ajuda você a criar um projeto utilizando a framework Qwik e implantá-lo no edge.
-<LinkButton link="/pt-br/documentacao/produtos/guias/qwik-boilerplate/" label="Consulte o guia do Qwik Boilerplate" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/qwik-boilerplate/" label="Consulte o guia do Qwik Boilerplate" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/qwik/qwik-boilerplate"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/qwik/qwik-boilerplate"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+      icon-pos="left"
+
+    />
 
 #### Qwik Minimal
 
 O template do **Qwik Minimal** da Azion ajuda você a criar um projeto básico utilizando a framework Qwik e implantá-lo no edge.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/qwik-minimal/" label="Consulte o guia do Qwik Minimal" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/qwik-minimal/" label="Consulte o guia do Qwik Minimal" type="primary" theme="light" /> 
+
+<Button
+
+      href="https://console.azion.com/create/qwik/qwik-minimal"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/qwik/qwik-minimal"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+    />
 
 #### Turso Starter Kit
 
 Acelera a integração de um banco de dados Turso, criado usando a LibSQL SDK da Turso, em uma function. Ele também fornece uma interface para criar, atualizar e excluir facilmente itens em seu banco de dados.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/turso-starter-kit/" label="consulte o guia do Turso Starter Kit" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/turso-starter-kit/" label="consulte o guia do Turso Starter Kit" type="primary" theme="light" /> 
+
+ <Button
+
+      href="https://console.azion.com/create/turso/turso-starter-kit"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
 
- <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/turso/turso-starter-kit"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+    />
 
 #### Turso Starter Kit with Drizzle ORM
 
 Crie uma aplicação conectada a um banco de dados Turso via Drizzle ORM.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/turso-with-drizzle/" label="Consulte o guia do Turso with Drizzle" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/turso-with-drizzle/" label="Consulte o guia do Turso with Drizzle" type="primary" theme="light" /> 
 
-<LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/turso/turso-with-drizzle"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+<Button
+
+      href="https://console.azion.com/create/turso/turso-with-drizzle"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
+
+    />
 
 #### Upstash GeoLocation EdgeDeploy
 
 O template **Upstash GeoLocation EdgeDeploy** é uma automação projetada para implantar um banco de dados diretamente no edge, permitindo a configuração de mensagens personalizadas que serão entregues de acordo com a localização geográfica do usuário.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/upstash-geolocation-edgedeploy/" label="consulte o guia do Upstash GeoLocation EdgeDeploy" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/upstash-geolocation-edgedeploy/" label="consulte o guia do Upstash GeoLocation EdgeDeploy" type="primary" theme="light" />
+
+ <Button
+
+      href="https://console.azion.com/create/upstash/upstash-geolocation"
+
+      label="Implantar"
+
+      type="primary"
+
+      theme="light"
+
+      icon="ai ai-azion"
+
+      icon-pos="left"
 
- <LinkButton
-    label="Implantar"
-    link="https://console.azion.com/create/upstash/upstash-geolocation"
-    icon="ai ai-azion"
-    icon-pos="left"
-  />
+    />
diff --git a/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/templates-e-integracoes/usar-um-template-via-rtm.mdx b/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/templates-e-integracoes/usar-um-template-via-rtm.mdx
index c92b74808b..d4828910a6 100644
--- a/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/templates-e-integracoes/usar-um-template-via-rtm.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/recursos-adicionais/templates-e-integracoes/usar-um-template-via-rtm.mdx
@@ -9,7 +9,7 @@ permalink: /documentacao/produtos/usar-um-template-via-azion-console/
 ---
 
 import Tag from 'primevue/tag';
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 <Tag severity="info" client:only="vue">
 Preview
@@ -19,7 +19,7 @@ Criar uma application é o primeiro passo para começar a usar a **Azion Web Pla
 
 Esta documentação ajudará você a criar uma nova application na Azion usando templates.
 
-<LinkButton link="/pt-br/documentacao/produtos/marketplace/templates/" label="saiba mais sobre templates" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/marketplace/templates/" label="saiba mais sobre templates" type="primary" theme="light" /> 
 
 
 ---
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/ai-inference/edge-ai-reference.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/ai-inference/edge-ai-reference.mdx
index d169e76457..2a909b5e63 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/ai-inference/edge-ai-reference.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/ai-inference/edge-ai-reference.mdx
@@ -7,7 +7,7 @@ namespace: docs_edge_ai_reference
 permalink: /documentacao/produtos/ai/ai-inference/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 O **AI Inference** capacita você a construir e implementar aplicações inteligentes que processam dados perto de onde são gerados. Ao combinar inteligência artificial com edge computing, o AI Inference elimina as complexidades de escalabilidade e gerenciamento de infraestrutura, permitindo tomadas de decisão em tempo real e desempenho aprimorado.
 
@@ -28,7 +28,7 @@ O AI Inference possibilita:
 
 Acesse nosso catálogo de modelos de AI de código aberto que você pode executar diretamente no Runtime da Azion. Esses modelos são otimizados para implementação no edge com requisitos mínimos de recursos.
 
-<LinkButton link="/pt-br/documentacao/produtos/ai/ai-inference/modelos/" label="Ver modelos disponíveis" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/ai/ai-inference/modelos/" label="Ver modelos disponíveis" type="primary" theme="light" />
 
 ### Personalização de modelos
 
@@ -55,5 +55,5 @@ Integre o AI Inference com o **SQL Database** para habilitar capacidades de busc
 
 Explore exemplos práticos de como implementar soluções de AI com a Azion:
 
-<LinkButton link="/pt-br/documentacao/arquiteturas/inteligencia-artificial/agente-ai-assistente-copilot/" label="Ir para a arquitetura de Assistente Copilot" severity="secondary" />
-<LinkButton link="/pt-br/documentacao/produtos/guias/langgraph-ai-agent-boilerplate/" label="Ir para o guia do template LangGraph AI Agent" severity="secondary" />
+<Button href="/pt-br/documentacao/arquiteturas/inteligencia-artificial/agente-ai-assistente-copilot/" label="Ir para a arquitetura de Assistente Copilot" type="primary" theme="light" />
+<Button href="/pt-br/documentacao/produtos/guias/langgraph-ai-agent-boilerplate/" label="Ir para o guia do template LangGraph AI Agent" type="primary" theme="light" />
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/ai-inference/modelos.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/ai-inference/modelos.mdx
index 2c71fd3350..821761d575 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/ai-inference/modelos.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/ai-inference/modelos.mdx
@@ -7,7 +7,7 @@ namespace: docs_edge_ai_models
 permalink: /documentacao/produtos/ai/ai-inference/modelos/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 Os modelos otimizados para o edge da Azion abrangem múltiplos domínios de AI, incluindo geração de texto, análise de imagem, embeddings e mais. Cada modelo é projetado para equilibrar o desempenho e a eficiência de recursos para implementação no edge.
 
@@ -19,46 +19,46 @@ Esta página fornece uma lista de modelos disponíveis para uso no **AI Inferenc
 
 Este é um modelo de linguagem que, embora compacto, oferece capacidades comparáveis às de modelos maiores. É ideal para agentes conversacionais, function calling, ajuste fino e inferência local com dados sensíveis.
 
-<LinkButton link="/pt-br/documentacao/produtos/ai/ai-inference/modelos/mistral-3-small/" label="Ver detalhes" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/ai/ai-inference/modelos/mistral-3-small/" label="Ver detalhes" type="primary" theme="light" />
 
 ### BAAI/bge-reranker-v2-m3
 
 Um modelo de reranking leve com fortes capacidades multilíngues. Ele é fácil de implementar, com inferência rápida.
 
-<LinkButton link="/pt-br/documentacao/produtos/ai/ai-inference/modelos/baai-bge-reranker-v2-m3/" label="Ver detalhes" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/ai/ai-inference/modelos/baai-bge-reranker-v2-m3/" label="Ver detalhes" type="primary" theme="light" />
 
 ### InternVL3
 
 InternVL3 é um Multimodal Large Language Model avançado (MLLM) com capacidades para abranger tool calling, agentes GUI, análise de imagem industrial, percepção de visão 3D e mais.
 
-<LinkButton link="/pt-br/documentacao/produtos/ai/ai-inference/modelos/internvl3/" label="Ver detalhes" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/ai/ai-inference/modelos/internvl3/" label="Ver detalhes" type="primary" theme="light" />
 
 ### Qwen2.5 VL AWQ 3B
 
 Um Vision Languagem Model (VLM) que oferece capacidades avançadas como análise visual, raciocínio de agente, compreensão de vídeos longos, localização visual e geração de saída estruturada. Suporta 3 bilhões de parâmetros.
 
-<LinkButton link="/pt-br/documentacao/produtos/ai/ai-inference/modelos/qwen-2-5-vl-3b/" label="Ver detalhes" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/ai/ai-inference/modelos/qwen-2-5-vl-3b/" label="Ver detalhes" type="primary" theme="light" />
 
 ### Qwen2.5 VL AWQ 7B
 
 Um Vision Languagem Model (VLM) que suporta 7 bilhões de parâmetros, oferecendo capacidades avançadas como análise visual, raciocínio de agente, compreensão de vídeo longo, localização visual e geração de saída estruturada.
 
-<LinkButton link="/pt-br/documentacao/produtos/ai/ai-inference/modelos/qwen-2-5-vl-7b/" label="Ver detalhes" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/ai/ai-inference/modelos/qwen-2-5-vl-7b/" label="Ver detalhes" type="primary" theme="light" />
 
 ### Qwen3 30B A3B Instruct 2507 FP8
 
 Um modelo de linguagem causal FP8 ajustado por instruções com 30 bilhões de parâmetros para geração de texto de longo contexto (256K) e raciocínio, suportando chat/QA, sumarização, tarefas multilíngues, resolução de problemas de matemática/ciência, codificação e fluxos de trabalho aumentados por ferramentas.
 
-<LinkButton link="/pt-br/documentacao/produtos/ai/ai-inference/modelos/qwen3-30ba3b/" label="Ver detalhes" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/ai/ai-inference/modelos/qwen3-30ba3b/" label="Ver detalhes" type="primary" theme="light" />
 
 ### Qwen3 Embedding 4B
 
 Um modelo de embedding multilíngue com 4 bilhões de parâmetros (36 camadas, 32K de contexto) que gera vetores de 2560 dimensões para recuperação de texto/código, classificação, agrupamento e mineração de bitexto. Ele suporta embeddings condicionados por instrução e é otimizado para aprendizado de representação eficiente e multilíngue.
 
-<LinkButton link="/pt-br/documentacao/produtos/ai/ai-inference/modelos/qwen3-embedding-4b/" label="Ver detalhes" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/ai/ai-inference/modelos/qwen3-embedding-4b/" label="Ver detalhes" type="primary" theme="light" />
 
 ### Nanonets-OCR-s
 
 Um modelo OCR que converte imagens de documentos em markdown estruturado, preservando o layout (títulos, listas, tabelas) e tags básicas. A saída é fácil de analisar e alimentar em pipelines de LLM.
 
-<LinkButton link="/pt-br/documentacao/produtos/ai/ai-inference/modelos/nanonets-ocr-s/" label="Ver detalhes" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/ai/ai-inference/modelos/nanonets-ocr-s/" label="Ver detalhes" type="primary" theme="light" />
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/application-acceleration.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/application-acceleration.mdx
index cf361962e7..5cb24d7851 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/application-acceleration.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/application-acceleration.mdx
@@ -7,7 +7,7 @@ meta_tags: 'Application Accelerator, Serveless, Edge Computing'
 namespace: documentation_products_application_acceleration
 permalink: /documentacao/produtos/build/applications/application-accelerator/
 ---
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 O **Application Accelerator** é um módulo de **Applications** que acelera aplicações e APIs por meio de otimizações de protocolo e gerencia requisitos de conteúdo dinâmico.
 
@@ -33,7 +33,7 @@ Com o Application Accelerator, você pode:
 
 Por padrão, a Azion considera cada URL como um objeto distinto no cache. O recurso **Advanced Cache Key** permite que você crie regras avançadas de cache com base em duas opções: **Cache by Query Strings** e **Cache by Cookies**. Se necessário, você pode usar as duas opções simultaneamente para definir a segmentação de conteúdo da sua aplicação.
 
-<LinkButton link="/pt-br/documentacao/produtos/build/applications/cache-settings/#advanced-cache-key" label="Saiba mais sobre Advanced Cache Key" />
+<Button href="/pt-br/documentacao/produtos/build/applications/cache-settings/#advanced-cache-key" label="Saiba mais sobre Advanced Cache Key" type="primary" theme="light" />
 
 ---
 
@@ -41,7 +41,7 @@ Por padrão, a Azion considera cada URL como um objeto distinto no cache. O recu
 
 O **Application Accelerator** permite novas opções e configurações no **Rules Engine** para que você personalize as regras de negócios do seu aplicativo. Veja a [lista completa de variáveis](/pt-br/documentacao/produtos/build/applications/rules-engine/#variables) e [lista de comportamentos](/pt-br/documentacao/produtos/build/applications/rules-engine/#behaviors) para saber mais.
 
-<LinkButton link="/pt-br/documentacao/produtos/build/applications/rules-engine/" label="Saiba mais sobre Rules Engine" />
+<Button href="/pt-br/documentacao/produtos/build/applications/rules-engine/" label="Saiba mais sobre Rules Engine" type="primary" theme="light" />
 
 ---
 
@@ -51,7 +51,7 @@ Com o **Application Accelerator**, você pode expandir os métodos HTTP suportad
 
 Por padrão, o **Cache** da Azion é configurado para armazenar em cache apenas as solicitações `GET` e `HEAD`. No entanto, ao ativar esse módulo, você tem a opção de estender o cache para incluir também as solicitações `POST` e `OPTIONS`. Isso permite otimizar o desempenho e a eficiência de suas aplicações, especialmente para endpoints acessados com frequência ou com uso intenso de dados que usam esses métodos HTTP.
 
-<LinkButton link="/pt-br/documentacao/produtos/build/applications/cache-settings/#cache-de-métodos-http" label="Saiba mais sobre cache de métodos HTTP" />
+<Button href="/pt-br/documentacao/produtos/build/applications/cache-settings/#cache-de-métodos-http" label="Saiba mais sobre cache de métodos HTTP" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/cache-settings.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/cache-settings.mdx
index f4c7a2058d..db7ffd02ee 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/cache-settings.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/cache-settings.mdx
@@ -7,7 +7,7 @@ meta_tags: 'cache settings, cache, edge, application'
 namespace: documentation_products_edge_application_cache_settings
 permalink: /documentacao/produtos/build/applications/cache-settings/
 ---
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Com **Cache Settings** para **Applications**, você pode editar configurações de cache para conteúdo estático e dinâmico.
 
@@ -45,7 +45,7 @@ Com **Cache Settings** para **Applications**, você pode editar configurações
 
 **Large File Optimization** funciona com o tamanho de fragmentação de *1024 kB*. Se você deseja modificar o *fragmentation size*, [contate a equipe de Vendas](https://www.azion.com/pt-br/contate-vendas/).
 
-<LinkButton link="/pt-br/documentacao/produtos/build/applications/cache/#large-file-optimization" label="Saiba mais sobre Large File Optimization" />
+<Button href="/pt-br/documentacao/produtos/build/applications/cache/#large-file-optimization" label="Saiba mais sobre Large File Optimization" type="primary" theme="light" />
 
 :::note
 Ao ativar a funcionalidade Large File Optimization, a *cache key* atual será ignorada e uma nova será criada.
@@ -53,7 +53,7 @@ Ao ativar a funcionalidade Large File Optimization, a *cache key* atual será ig
 
 A opção `--slice-l2-caching-enabled` define se Large File Optimization está ativo para o Tiered Cache.
 
-<LinkButton link="/pt-br/documentacao/produtos/build/applications/tiered-cache/" label="Saiba mais sobre Tiered Cache" />
+<Button href="/pt-br/documentacao/produtos/build/applications/tiered-cache/" label="Saiba mais sobre Tiered Cache" type="primary" theme="light" />
 
 ---
 
@@ -112,7 +112,7 @@ Você pode ativar a chave **Enable caching for POST**, permitindo que a Azion fa
 
 Com o módulo **Cache**, você pode habilitar o **Stale Cache** para transmitir conteúdo *stale* (obsoleto) quando houver um problema com seus servidores de origem.
 
-<LinkButton link="/pt-br/documentacao/produtos/build/applications/cache/#stale-cache" label="Saiba mais sobre stale cache" />
+<Button href="/pt-br/documentacao/produtos/build/applications/cache/#stale-cache" label="Saiba mais sobre stale cache" type="primary" theme="light" />
 
 ---
 
@@ -122,7 +122,7 @@ Com o módulo **Cache**, você pode selecionar um grupo de dispositivos para **A
 
 Ao escolher a opção **Content varies by some Device Groups (Whitelist)**, você permite que a Azion mantenha variações de seus objetos no cache baseadas em dispositivos.
 
-<LinkButton link="/pt-br/documentacao/produtos/build/applications/device-groups/" label="Saiba mais sobre Device Groups" />
+<Button href="/pt-br/documentacao/produtos/build/applications/device-groups/" label="Saiba mais sobre Device Groups" type="primary" theme="light" />
 
 
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/device-groups.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/device-groups.mdx
index 5516e4dea8..4cb130327f 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/device-groups.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/device-groups.mdx
@@ -10,7 +10,7 @@ meta_tags: >-
 namespace: documentation_edge_application_device_groups
 permalink: /documentacao/produtos/build/applications/device-groups/
 ---
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Device Groups** é uma capacidade de **Applications** que permite identificar os dispositivos que enviam requisições à sua aplicação e categorizá-los em grupos. Você pode usar Device Groups para definir comportamentos personalizados e definir políticas de cache com base nos grupos que você criar.
 
@@ -78,7 +78,7 @@ Saiba mais sobre o [Rules Engine](/pt-br/documentacao/produtos/build/application
 
 Você pode referenciar um grupo de dispositivos existente para **Adaptive Delivery**. Você pode escolher um ou mais grupos para aplicar as mesmas políticas de Adaptive Delivery.
 
-<LinkButton link="/pt-br/documentacao/produtos/build/applications/cache-settings/#adaptive-delivery" label="Saiba mais sobre Adaptive Delivery" />
+<Button href="/pt-br/documentacao/produtos/build/applications/cache-settings/#adaptive-delivery" label="Saiba mais sobre Adaptive Delivery" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/digital-certificates.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/digital-certificates.mdx
index e15abc026c..0b54b5ae67 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/digital-certificates.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/digital-certificates.mdx
@@ -8,7 +8,7 @@ namespace: documentation_products_edge_applications_digital_certificates
 permalink: /documentacao/produtos/build/applications/certificate-manager/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 Você precisa de um certificado TLS para transferir dados por HTTPS. O uso do protocolo HTTPS com um certificado garante que os dados de seus clientes sejam transferidos com segurança pela Internet, demonstra a confiabilidade de seu site e a autenticidade de seu domínio, e melhora a posição de seu site em mecanismos de busca como o Google.
 
@@ -18,7 +18,7 @@ Na Azion, você pode contar com as seguintes opções de certificados TLS para t
 - **Custom certificate**: registra seu certificado TLS pessoal obtido de uma autoridade de certificação (CA) ou uma Trusted CA.
 - **Let's Encrypt certificate**: solicita a emissão de um certificado *Let's Encrypt*™ gerenciado automaticamente pela Azion.
 
-<LinkButton severity="secondary" link="/pt-br/documentacao/produtos/guias/secure/certificado-digital/" label="consulte o guia sobre obter e registrar um digital certificate" /> 
+<Button href="/pt-br/documentacao/produtos/guias/secure/certificado-digital/" label="consulte o guia sobre obter e registrar um digital certificate" type="primary" theme="light" /> 
 
 Você também pode criar um **Certificate Signing Request (CSR)** pela Azion para requisitar um certificado a uma CA.
 
@@ -93,7 +93,7 @@ Quando você [cria um domínio com a Azion](/pt-br/documentacao/produtos/guias/c
 
 Os certificados Let's Encrypt ativos *serão renovados automaticamente antes da data de expiração* de 90 dias a partir de sua emissão, desde que você não vincule outro certificado ao domínio ou exclua o domínio associado. Certificados que foram desvinculados podem ser vinculados ao domínio se ainda forem válidos.
 
-<LinkButton severity="secondary" link="/pt-br/documentacao/produtos/guias/secure/registro-lets-encrypt/" label="consulte o guia sobre criar registro TXT para certificado Let's Encrypt" /> 
+<Button href="/pt-br/documentacao/produtos/guias/secure/registro-lets-encrypt/" label="consulte o guia sobre criar registro TXT para certificado Let" type="primary" theme="light" /> 
 
 ### Limites
 
@@ -147,7 +147,7 @@ Se você quer adicionar várias CRLs, você deve fazer uma requisição POST par
 
 Observe, também, que o campo `raw_crl` na requisição POST é uma string. Em requisições com formato JSON, as JSON strings exigem um escape (`\n`) para quebrar linhas. Lembre-se de adicionar um escape para representar cada linha no seu JSON.
 
-<LinkButton severity="secondary" link="https://api.azion.com/v4#/operations/PostDigitalCertificatesCrls" label="criar CRL via API" />
+<Button href="https://api.azion.com/v4#/operations/PostDigitalCertificatesCrls" label="criar CRL via API" type="primary" theme="light" />
 
 Você pode [associar uma ou mais CRLs a um workload](https://api.azion.com/v4#/operations/PostWorkspaceWorkloads) via API.
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/domains/mtls.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/domains/mtls.mdx
index c4632c2fbd..b8334cdc6c 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/domains/mtls.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/domains/mtls.mdx
@@ -8,7 +8,7 @@ namespace: documentation_products_edge_application_domains_mtls
 permalink: /documentacao/produtos/build/applications/domains/mtls/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 **Mutual Transport Layer Security (mTLS)**, também conhecido como *Mutual Authentication*, é um método de autenticação que valida o certificado digital de ambos os lados de uma requisição, tanto do lado do cliente como do lado do Edge (servidor).
 
@@ -30,7 +30,7 @@ As opções de protocolo estão disponíveis na página de configuração da sua
 O mTLS só estará disponível caso o serviço esteja ativado. Para ativar, entre em contato com nossa [Equipe de Vendas](https://www.azion.com/pt-br/contate-vendas/).
 :::
 
-<LinkButton severity="secondary" link="/pt-br/documentacao/produtos/guias/secure/mtls/" label="consulte o guia associar um certificado mTLS a um domínio" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/secure/mtls/" label="consulte o guia associar um certificado mTLS a um domínio" type="primary" theme="light" /> 
 
 ## Certificado Digital com suporte para mTLS (Trusted CA)
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/edge-application.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/edge-application.mdx
index a42bb8e42f..fbb0910611 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/edge-application.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/edge-application.mdx
@@ -8,7 +8,7 @@ meta_tags: 'Edge Computing, Applications, edge network'
 namespace: documentation_products_edge_applications
 permalink: /documentacao/produtos/build/applications/
 ---
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 import Apiv4Rollout from '~/includes/snippets/apiv4Rollout/pt/snippet.mdx'
 
@@ -32,7 +32,7 @@ Com a **Applications**, você pode:
 - Otimizar a entrega de conteúdo e imagens para seus usuários.
 
 
-<LinkButton severity="secondary" label="Crie sua primeira application" link="/pt-br/documentacao/produtos/guias/build/criar-uma-aplicacao/" />
+<Button href="/pt-br/documentacao/produtos/guias/build/criar-uma-aplicacao/" label="Crie sua primeira application" type="primary" theme="light" />
 
 Você pode criar e gerenciar suas applications usando:
 
@@ -96,7 +96,7 @@ Azion **Workloads** oferece a flexibilidade de utilizar domínios gerados automa
 
 Com o **Workloads** você pode configurar as opções de protocolo de entrega, incluindo HTTP, HTTPS e HTTP/3, além de definir portas personalizadas para HTTP e HTTPS.
 
-<LinkButton severity="secondary" label="Saiba mais sobre Workloads" link="/pt-br/documentacao/produtos/secure/workloads/" />
+<Button href="/pt-br/documentacao/produtos/secure/workloads/" label="Saiba mais sobre Workloads" type="primary" theme="light" />
 
 ---
 
@@ -104,7 +104,7 @@ Com o **Workloads** você pode configurar as opções de protocolo de entrega, i
 
 Com **Certificate Manager**, você pode aprimorar a segurança de seus aplicativos HTTPS vinculando um certificado TLS personalizado à sua application.
 
-<LinkButton severity="secondary" label="Saiba mais sobre Certificate Manager" link="/pt-br/documentacao/produtos/secure/edge-firewall/digital-certificates/" />
+<Button href="/pt-br/documentacao/produtos/secure/edge-firewall/digital-certificates/" label="Saiba mais sobre Certificate Manager" type="primary" theme="light" />
 
 ---
 
@@ -112,7 +112,7 @@ Com **Certificate Manager**, você pode aprimorar a segurança de seus aplicativ
 
 Use o **Real-Time Purge** para limpar o conteúdo em cache da edge da Azion ou da camada [Tiered Cache](/pt-br/documentacao/produtos/build/applications/tiered-cache/). Dessa forma, você pode manter os conteúdos atualizados, reduzir a entrega de conteúdo desatualizado e oferecer uma experiência de usuário ideal em sua application.
 
-<LinkButton severity="secondary" label="Saiba mais sobre Real-Time Purge" link="/pt-br/documentacao/produtos/build/applications/real-time-purge/" />
+<Button href="/pt-br/documentacao/produtos/build/applications/real-time-purge/" label="Saiba mais sobre Real-Time Purge" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/edge-caching.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/edge-caching.mdx
index 32ba64aaab..02ced1319c 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/edge-caching.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/edge-caching.mdx
@@ -9,7 +9,7 @@ meta_tags: >-
 namespace: documentation_products_edge_caching
 permalink: /documentacao/produtos/build/applications/cache/
 ---
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Cache** é um módulo disponível para **Applications** que permite que você configure como sua aplicação faz o cache de conteúdo, reduzindo a latência e aumentando a taxa de transferência através da edge network da Azion. Isso não apenas melhora o desempenho e a escalabilidade do seu conteúdo, mas também reduz os custos de infraestrutura.
 
@@ -161,7 +161,7 @@ Encontrar o equilíbrio certo para os tempos de expiração de cache é crucial
 
 A capacidade de personalizar o TTL de cache do navegador e o TTL de cache do edge permite que você ajuste sua estratégia de cache com base na frequência de atualização do seu conteúdo, nos padrões de tráfego do usuário e nos objetivos gerais de desempenho.
 
-<LinkButton link="/pt-br/documentacao/produtos/build/applications/cache-settings/#browser-cache-settings" label="Saiba mais sobre expiration settings" />
+<Button href="/pt-br/documentacao/produtos/build/applications/cache-settings/#browser-cache-settings" label="Saiba mais sobre expiration settings" type="primary" theme="light" />
 
 ---
 
@@ -188,7 +188,7 @@ A capacidade de personalizar o TTL de cache do navegador e o TTL de cache do edg
 
 **Adaptive Delivery** detecta os grupos de dispositivos que você criou usando o [Device Groups](/pt-br/documentacao/produtos/build/applications/device-groups/), permitindo que você configure como a Azion entrega seu conteúdo. Você pode optar por fornecer a mesma versão do conteúdo, independentemente da detecção do dispositivo, ou manter variações de objetos baseadas no dispositivo em cache.
 
-<LinkButton link="/pt-br/documentacao/produtos/build/applications/cache-settings/#adaptive-delivery" label="Saiba mais sobre adaptive delivery" />
+<Button href="/pt-br/documentacao/produtos/build/applications/cache-settings/#adaptive-delivery" label="Saiba mais sobre adaptive delivery" type="primary" theme="light" />
 
 ---
 
@@ -200,7 +200,7 @@ Ao habilitar essa funcionalidade, arquivos grandes são fragmentados em arquivos
 
 
 
-<LinkButton link="/pt-br/documentacao/produtos/build/applications/cache-settings/#large-file-optimization" label="Saiba mais sobre configurações de large file optimization" />
+<Button href="/pt-br/documentacao/produtos/build/applications/cache-settings/#large-file-optimization" label="Saiba mais sobre configurações de large file optimization" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/edge-functions-edge-app.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/edge-functions-edge-app.mdx
index c8dc8f3367..c1002c4517 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/edge-functions-edge-app.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/edge-functions-edge-app.mdx
@@ -8,7 +8,7 @@ namespace: documentation_products_edge_functions
 permalink: /documentacao/produtos/build/applications/functions/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Functions** da Azion permite que você crie aplicações orientadas a eventos e serverless mais perto dos usuários.
 
@@ -43,11 +43,11 @@ Ao usar JavaScript em Functions, você pode executar códigos mais próximos do
 
 Ao usar o [Azion Runtime](/pt-br/documentacao/runtime/visao-geral/) para desenvolver suas functions, você tem um conjunto de ferramentas que o ajudam a implementar sua lógica.
 
-<LinkButton link="/pt-br/documentacao/runtime/visao-geral/" label="saiba mais sobre o Azion Runtime" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/runtime/visao-geral/" label="saiba mais sobre o Azion Runtime" type="primary" theme="light" target="_blank" />
 
-<br /><LinkButton link="/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade-frameworks/" label="saiba mais sobre os Web frameworks suportados" severity="secondary" target="_blank" />
-<br /><LinkButton link="/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade/node/" label="saiba mais sobre o suporte ao Node.js" severity="secondary" target="_blank" />
-<br /><LinkButton link="/pt-br/documentacao/runtime-apis/javascript/" label="saiba mais sobre as Web APIs suportadas" severity="secondary" target="blank" />
+<br /><Button href="/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade-frameworks/" label="saiba mais sobre os Web frameworks suportados" type="primary" theme="light" target="_blank" />
+<br /><Button href="/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade/node/" label="saiba mais sobre o suporte ao Node.js" type="primary" theme="light" target="_blank" />
+<br /><Button href="/pt-br/documentacao/runtime-apis/javascript/" label="saiba mais sobre as Web APIs suportadas" type="primary" theme="light" target="blank" />
 
 ---
 
@@ -62,7 +62,7 @@ As Functions oferecem suporte para fluxos de trabalho de AI avançados, permitin
 
 O **AI Inference** da Azion permite que você execute modelos de AI no Azion Runtime, e pode ser usado junto com as Functions para criar aplicações complexas impulsionadas por AI.
 
-<LinkButton link="/pt-br/documentacao/produtos/ai/ai-inference/" label="Saiba mais sobre AI Inference" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/ai/ai-inference/" label="Saiba mais sobre AI Inference" type="primary" theme="light" target="_blank" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/edge-functions-instances.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/edge-functions-instances.mdx
index 24b7870ab8..df6ac9a03a 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/edge-functions-instances.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/edge-functions-instances.mdx
@@ -5,7 +5,7 @@ meta_tags: 'functions, edge computing'
 namespace: documentation_products_edge_applications_edge_functions_instances
 permalink: /documentacao/produtos/build/applications/functions-instances/
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 O **Functions** para **Applications** permite que você instancie funções serverless em sua application da Azion, configurando também as condições de execução. Essas funções são processadas no edge, respondendo a eventos com velocidade e garantindo escalabilidade para sua aplicação.
 
@@ -26,7 +26,7 @@ Para instanciar uma function em uma application, você deve primeiro criar uma f
 
 Durante o processo de instanciação, o código da função não pode ser modificado. Em vez disso, os argumentos, ou **Args**, que serão passados para o contexto da execução da função devem ser informados no formato JSON.
 
-<LinkButton link="/pt-br/documentacao/produtos/build/applications/functions/" label="Saiba mais sobre Functions" />
+<Button href="/pt-br/documentacao/produtos/build/applications/functions/" label="Saiba mais sobre Functions" type="primary" theme="light" />
 
 ---
 
@@ -34,7 +34,7 @@ Durante o processo de instanciação, o código da função não pode ser modifi
 
 Você pode criar uma regra usando [Rules Engine](/pt-br/documentacao/produtos/build/applications/rules-engine/) e, com o comportamento **Run Function**, selecionar a fase de execução e os critérios para que ela aconteca. Quando uma requisição atender aos critérios definidos na regra, a function será chamada e executada diretamente nos edge nodes da Azion.
 
-<LinkButton link="/pt-br/documentacao/produtos/build/applications/rules-engine/#run-function" label="Saiba mais sobre o comportamento Run Function" />
+<Button href="/pt-br/documentacao/produtos/build/applications/rules-engine/#run-function" label="Saiba mais sobre o comportamento Run Function" type="primary" theme="light" />
 
 Para obter mais informações sobre a funcionalidade e a aplicação de Functions, explore os [guias de uso](/pt-br/documentacao/produtos/guias/).
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/error-responses.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/error-responses.mdx
index ce207075c5..e21b3c9810 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/error-responses.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/error-responses.mdx
@@ -8,7 +8,7 @@ meta_tags: 'erros, application, http, páginas de erro'
 namespace: documentation_edge_application_error_responses
 permalink: /documentacao/produtos/build/applications/error-responses/
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 :::caution[importante]
 A Funcionalidade Error Responses foi substituída por **Custom Pages**. Para mais informações sobre o novo produto, acesse a [Referência de Custom Pages](/pt-br/documentacao/produtos/secure/custom-pages/).
@@ -30,7 +30,7 @@ Os códigos de status HTTP são números de três dígitos, agrupados em cinco c
 Para mais informações sobre status HTTP, consulte as [especificações de códigos de status HTTP](https://httpwg.org/specs/rfc9110.html#overview.of.status.codes).
 :::
 
-<LinkButton link="/pt-br/documentacao/produtos/build/edge-application/cache-settings/#browser-cache-settings" label="Saiba mais sobre expiration settings" />
+<Button href="/pt-br/documentacao/produtos/build/edge-application/cache-settings/#browser-cache-settings" label="Saiba mais sobre expiration settings" type="primary" theme="light" />
 
 Com a funcionalidade **Error Responses**, você pode personalizar como sua aplicação irá lidar com erros de *Cliente (4xx)* e *Servidor (5xx)*. Desta forma, quando uma requisição é feita para uma URL que não está na origem ou quando não se obteve resposta do servidor, o usuário pode ser redirecionado para uma página de erro personalizada, cujo conteúdo pode ser armazenado em cache.
 
@@ -75,7 +75,7 @@ Código de status que será entregue ao usuário em vez do código original. Por
 
 A origem em que o arquivo da URI está localizado. Só pode ser alterada se uma URI for adicionada. Deve ser configurada usando **Origins**.
 
-<LinkButton link="/pt-br/documentacao/produtos/build/edge-application/origins/" label="Saiba mais sobre Origins" />
+<Button href="/pt-br/documentacao/produtos/build/edge-application/origins/" label="Saiba mais sobre Origins" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/image-processor.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/image-processor.mdx
index 99a0c56574..010365c653 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/image-processor.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/image-processor.mdx
@@ -8,7 +8,7 @@ meta_tags: 'Image Processor, applications computing'
 namespace: documentation_products_image_optimization
 permalink: /documentacao/produtos/build/applications/image-processor/
 ---
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 O **Image Processor** é um módulo do **Applications** que pode manipular e processar imagens diretamente no applications, otimizando os tempos de transferência de conteúdo e elevando a experiência do usuário em suas aplicações.
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/l2-caching.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/l2-caching.mdx
index ead98605d1..5fa6aa90e8 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/l2-caching.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/l2-caching.mdx
@@ -10,7 +10,7 @@ meta_tags: >-
 namespace: documentation_products_edge_application_l2_caching
 permalink: /documentacao/produtos/build/applications/cache/tiered-cache/
 ---
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Tiered Cache** é um módulo **Cache** que cria uma camada de cache adicional entre o edge e seus servidores de origem, reduzindo a latência e os custos de infraestrutura.
 
@@ -37,7 +37,7 @@ Tiered Cache só estará disponível se o serviço for ativado para a sua conta.
 
 **Tiered ⁠Cache** é especialmente projetado para objetos que podem permanecer no cache por um longo período de tempo. Por isso, você só pode ativá-lo em políticas de cache com um TTL igual ou superior a *3 segundos*, sendo o TTL padrão de *60 segundos*.
 
-<LinkButton link="/pt-br/documentacao/produtos/build/applications/cache-settings/#browser-cache-settings" label="Saiba mais sobre expiration settings" />
+<Button href="/pt-br/documentacao/produtos/build/applications/cache-settings/#browser-cache-settings" label="Saiba mais sobre expiration settings" type="primary" theme="light" />
 
 ---
 
@@ -53,7 +53,7 @@ A Azion também oferece a opção de hospedar os servidores de Tiered Cache no B
 
 Sempre que necessário, você pode usar o **Real-Time Purge** para expirar seu conteúdo do **Tiered Cache** antes do TTL esperado. Lembre de fazer o purge primeiro da camada de tiered cache e somente depois do **Cache**. Isso evita edge feedback com conteúdo desatualizado na camada tiered cache.
 
-<LinkButton link="/pt-br/documentacao/produtos/build/applications/real-time-purge/" label="Saiba mais sobre Real-Time Purge" />
+<Button href="/pt-br/documentacao/produtos/build/applications/real-time-purge/" label="Saiba mais sobre Real-Time Purge" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/main-settings.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/main-settings.mdx
index 5f53918390..166fc368e2 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/main-settings.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/main-settings.mdx
@@ -9,7 +9,7 @@ namespace: documentation_products_edge_application_delivery
 permalink: /documentacao/produtos/build/applications/main-settings/
 ---
 import Tag from 'primevue/tag'
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Apiv4Rollout from '~/includes/snippets/apiv4Rollout/pt/snippet.mdx'
 
 <Apiv4Rollout />
@@ -35,31 +35,31 @@ A ativação dos módulos listados abaixo pode gerar custos relacionados ao uso.
 
 O módulo **Application Accelerator** acelera aplicações web e APIs através de otimizações de protocolo e gerencia requisitos de conteúdo dinâmico.
 
-<LinkButton link="  " label="Saiba mais sobre Application Accelerator" />
+<Button href=" " label="Saiba mais sobre Application Accelerator" type="primary" theme="light" />
 
 ### Cache
 
 O **Cache** permite que você configure como sua aplicação faz cache do conteúdo, reduzindo a latência e aumentando as taxas de transferência através da rede de edge nodes da Azion. Isso não apenas melhora o desempenho e escalabilidade do seu conteúdo, mas também reduz os custos de infraestrutura.
 
-<LinkButton link="/pt-br/documentacao/produtos/build/applications/cache/" label="Saiba mais sobre Cache" />
+<Button href="/pt-br/documentacao/produtos/build/applications/cache/" label="Saiba mais sobre Cache" type="primary" theme="light" />
 
 ### Functions
 
 As **Functions** permitem que você execute código serverless personalizado, mais próximo dos seus usuários. Isso possibilita execução de baixa latência para tarefas como personalização de conteúdo, processamento de requisições de API, melhoria de segurança e integração com serviços de terceiros. Você pode usá-las para criar aplicações dinâmicas, escaláveis e eficientes sem gerenciar infraestrutura de servidor tradicional.
 
-<LinkButton link="/pt-br/documentacao/produtos/build/applications/functions/" label="Saiba mais sobre Functions" />
+<Button href="/pt-br/documentacao/produtos/build/applications/functions/" label="Saiba mais sobre Functions" type="primary" theme="light" />
 
 ### Image Processor
 
 O **Image Processor** pode manipular e processar imagens diretamente no edge, o que permite otimizar os tempos de transferência de conteúdo e elevar a experiência do usuário em suas aplicações.
 
-<LinkButton link="/pt-br/documentacao/produtos/build/applications/image-processor/" label="Saiba mais sobre Image Processor" />
+<Button href="/pt-br/documentacao/produtos/build/applications/image-processor/" label="Saiba mais sobre Image Processor" type="primary" theme="light" />
 
 ### Tiered Cache
 
 O **Tiered Cache** cria uma camada adicional de cache entre o edge e seus servidores de origem, reduzindo a latência e os custos de infraestrutura.
 
-<LinkButton link="/pt-br/documentacao/produtos/build/applications/cache/tiered-cache/" label="Saiba mais sobre Tiered Cache" />
+<Button href="/pt-br/documentacao/produtos/build/applications/cache/tiered-cache/" label="Saiba mais sobre Tiered Cache" type="primary" theme="light" />
 
 ## Debug Rules
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/origins.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/origins.mdx
index 5ee53a95c5..0b3d2e5cb0 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/origins.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/origins.mdx
@@ -7,7 +7,7 @@ meta_tags: 'Single origin, edge computing'
 namespace: documentation_products_content_delivery_single_origin
 permalink: /documentacao/produtos/build/applications/origins/
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Apiv4Rollout from '~/includes/snippets/apiv4Rollout/pt/snippet.mdx'
 
 <Apiv4Rollout />
@@ -41,7 +41,7 @@ Existem três opções para você personalizar sua origem:
 
 Quando **Load Balancer** é selecionado como o tipo de origem, você pode configurar o **Balancing Method** para determinar como grandes quantidades de requisições são distribuídas entre os endereços, adicionar múltiplos **Addresses** à sua origem e alterar o **Server Role** e o **Weight** de cada endereço.
 
-<LinkButton link="/pt-br/documentacao/produtos/secure/connectors/load-balancer/" label="Saiba mais sobre Load Balancer" />
+<Button href="/pt-br/documentacao/produtos/secure/connectors/load-balancer/" label="Saiba mais sobre Load Balancer" type="primary" theme="light" />
 
 ### Object Storage
 
@@ -51,7 +51,7 @@ O nome do bucket é definido quando você [cria ou modifica um bucket de Object
 
 O prefix é o caminho para a pasta dentro do bucket que armazena os objetos. Este campo pode ser deixado em branco se desejar que a origem de sua aplicação seja a raiz do bucket.
 
-<LinkButton link="/pt-br/documentacao/produtos/store/edge-storage/" label="Saiba mais sobre Object Storage" />
+<Button href="/pt-br/documentacao/produtos/store/edge-storage/" label="Saiba mais sobre Object Storage" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/rules-engine-edge-app.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/rules-engine-edge-app.mdx
index 02a725bd5f..a4a4cf78d7 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/rules-engine-edge-app.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/rules-engine-edge-app.mdx
@@ -8,7 +8,7 @@ meta_tags: 'applications, rules engine'
 namespace: documentation_products_edge_applications_rules_engine
 permalink: /documentacao/produtos/build/applications/rules-engine/
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag';
 import TableContainer from '~/components/Table/TableContainer.astro';
 import RulesExecution from '~/includes/snippets/RulesEngineExecution/pt/snippet.mdx';
@@ -151,7 +151,7 @@ Utilize essas variáveis no **Rules Engine** da sua application para configurar
 A maioria dos serviços mTLS depende do recebimento do certificado do usuário. Usando o [Azion Console](https://console.azion.com), você pode enviar a variável `${ssl_client_escaped_cert}` no cabeçalho `X-Forward-Client-Cert` (XFCC) na requisição para a origem e, em seguida, configurar sua application para usar esse header com os dados do certificado.
 :::
 
-<LinkButton link="/pt-br/documentacao/produtos/build/applications/domains/mtls/" label="Saiba mais sobre suporte para mTLS" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/build/applications/domains/mtls/" label="Saiba mais sobre suporte para mTLS" type="primary" theme="light" />
 
 ### Variáveis como argumentos
 
@@ -359,7 +359,7 @@ Este behavior é incluído automaticamente pela Azion toda vez que você selecio
 
 A política de cache da Azion para transmissões live em HLS é de 5 segundos de cache para playlists (`.m3u8`) e 60 segundos de cache para chunks (`.ts`).
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/implementar-cache-hls/" label="consulte o guia para implementar cache HLS" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/implementar-cache-hls/" label="consulte o guia para implementar cache HLS" type="primary" theme="light" />
 
 ### Filter Cookie 
 <Tag severity="info" client:only="vue">Request Phase</Tag> <Tag severity="info" client:only="vue">Response Phase</Tag>
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/v3/edge-application-v3.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/v3/edge-application-v3.mdx
index 2ab7a724d7..6e03f60d79 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/v3/edge-application-v3.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/v3/edge-application-v3.mdx
@@ -8,7 +8,7 @@ meta_tags: 'Edge Computing, Applications, edge network'
 namespace: documentation_products_edge_applications_v3
 permalink: /documentacao/produtos/build/edge-application/v3/
 ---
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 import Apiv4Rollout from '~/includes/snippets/apiv4Rollout/en/snippet.mdx'
 
@@ -32,7 +32,7 @@ Com a Applications, você pode:
 - Otimizar a entrega de conteúdo e imagens para seus usuários.
 - Personalizar origens e páginas de erro.
 
-<LinkButton severity="secondary" label="Crie sua primeira Applications" link="/pt-br/documentacao/produtos/guias/build/criar-uma-aplicacao/" />
+<Button href="/pt-br/documentacao/produtos/guias/build/criar-uma-aplicacao/" label="Crie sua primeira Applications" type="primary" theme="light" />
 
 Você pode criar e gerenciar suas applications usando:
 
@@ -99,7 +99,7 @@ Consulte a documentação para cada configuração disponível:
 
 Azion **Domains** oferece a flexibilidade de usar domínios gerados automaticamente ou seus próprios domínios personalizados, permitindo que você gerencie e entregue conteúdo de forma eficaz por meio de suas applications com suporte para conexões seguras por HTTP e HTTPS.
 
-<LinkButton severity="secondary" label="Saiba mais sobre Domains" link="/pt-br/documentacao/produtos/build/edge-application/domains/" />
+<Button href="/pt-br/documentacao/produtos/build/edge-application/domains/" label="Saiba mais sobre Domains" type="primary" theme="light" />
 
 ---
 
@@ -107,7 +107,7 @@ Azion **Domains** oferece a flexibilidade de usar domínios gerados automaticame
 
 Com **Certificate Manager**, você pode aprimorar a segurança de seus aplicativos HTTPS vinculando um certificado TLS personalizado à sua application.
 
-<LinkButton severity="secondary" label="Saiba mais sobre Certificate Manager" link="/pt-br/documentacao/produtos/secure/edge-firewall/digital-certificates/" />
+<Button href="/pt-br/documentacao/produtos/secure/edge-firewall/digital-certificates/" label="Saiba mais sobre Certificate Manager" type="primary" theme="light" />
 
 ---
 
@@ -115,7 +115,7 @@ Com **Certificate Manager**, você pode aprimorar a segurança de seus aplicativ
 
 Use o **Real-Time Purge** para limpar o conteúdo em cache do edge da Azion ou da camada [Tiered Cache](/pt-br/documentacao/produtos/build/edge-application/tiered-cache/). Dessa forma, você pode manter os conteúdos atualizados, reduzir a entrega de conteúdo desatualizado e oferecer uma experiência de usuário ideal em sua application.
 
-<LinkButton severity="secondary" label="Saiba mais sobre Real-Time Purge" link="/pt-br/documentacao/produtos/build/edge-application/real-time-purge/" />
+<Button href="/pt-br/documentacao/produtos/build/edge-application/real-time-purge/" label="Saiba mais sobre Real-Time Purge" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/v3/main-settings-v3.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/v3/main-settings-v3.mdx
index a2eba7fb0a..34665b9555 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/v3/main-settings-v3.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/v3/main-settings-v3.mdx
@@ -11,7 +11,7 @@ namespace: documentation_products_edge_application_delivery_v3
 permalink: /documentacao/produtos/build/edge-application/main-settings/v3/
 ---
 import Tag from 'primevue/tag'
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 import Apiv4Rollout from '~/includes/snippets/apiv4Rollout/pt/snippet.mdx'
 
@@ -115,7 +115,7 @@ A tabela abaixo mostra as cifras disponíveis em cada grupo.
 | AES256-GCM-SHA384             | ✔︎                 | ✕                 | ✕                 | ✕               |
 | AES128-GCM-SHA256             | ✔︎                 | ✕                 | ✕                 | ✕               |
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/cifras/" label="consulte o guia configurar o conjunto de cifras TLS" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/secure/cifras/" label="consulte o guia configurar o conjunto de cifras TLS" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/websocket.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/websocket.mdx
index 2b2c8ff325..e80df27333 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/websocket.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/build/edge-application/websocket.mdx
@@ -8,7 +8,7 @@ namespace: documentation_products_edge_application_websocket
 permalink: /documentacao/produtos/build/applications/websocket/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 O módulo **WebSocket Proxy** para **Applications** permite que você estabeleça o protocolo de comunicação WebSocket entre sua origem e seus usuários sob a arquitetura de proxy reverso. Esse tipo de protocolo consiste em uma única conexão TCP bidirecional que permite que os dados sejam trocados em tempo real através de um único handshake sem a necessidade de reiniciar a conexão.
 
@@ -38,7 +38,7 @@ As Azion Functions suportam **WebSocket API**, permitindo que sua Applications a
 - **Helpers de broadcast**: Facilite o fan-out de mensagens para todos os clientes conectados com código mínimo
 - **Suporte ao Firewall**: As regras do Firewall podem inspecionar o tráfego WebSocket antes do processo de upgrade ser finalizado
 
-<LinkButton link="/pt-br/documentacao/runtime/api-reference/websocket/" label="Ir para referência da WebSocket API" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/runtime/api-reference/websocket/" label="Ir para referência da WebSocket API" type="primary" theme="light" target="_blank" />
 
 ## Requisitos
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/contas/account-lockout-policy.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/contas/account-lockout-policy.mdx
index aa0c96e3ec..a8c7268c1d 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/contas/account-lockout-policy.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/contas/account-lockout-policy.mdx
@@ -6,7 +6,7 @@ namespace: documentation_products_account_lockout_policy
 permalink: /documentacao/produtos/gestao-de-contas/account-lockout-policy/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag';
 
 <Tag severity="info" client:only="vue">Preview</Tag>
@@ -51,7 +51,7 @@ Para configurar a Account Lockout Policy, você deve ter privilégios de *Accoun
 
 Você pode definir o status da Account Lockout Policy como **ativa** ou **inativa**. Por padrão, o recurso está *inativo*.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-account-lockout-policy/" label="Consulte o guia para configurar a Account Lockout Policy" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/guias/configurar-account-lockout-policy/" label="Consulte o guia para configurar a Account Lockout Policy" type="primary" theme="light" target="_blank" />
 
 ### Maximum Attempts
 
@@ -67,10 +67,10 @@ Por padrão, o período de bloqueio é definido como *1440*, equivalente a *24 h
 
 A Account Lockout Policy gera logs que incluem informações sobre as tentativas de login falhadas e os bloqueios de conta. Com esses logs, você pode monitorar eventos de segurança, identificar ameaças potenciais e solucionar problemas relacionados ao acesso da conta do usuário.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/account-lockout-policy-logs/" label="Consulte o guia para verificar os logs" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/guias/account-lockout-policy-logs/" label="Consulte o guia para verificar os logs" type="primary" theme="light" target="_blank" />
 
 ### Unlocking users
 
 O *Account Owner* pode desbloquear manualmente o acesso de um usuário que foi bloqueado, em casos excepcionais, usando os logs da Account Lockout Policy para identificar o bloqueio.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/desbloquear-account-lockout-policy/" label="Consulte o guia para desbloquear usuários" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/guias/desbloquear-account-lockout-policy/" label="Consulte o guia para desbloquear usuários" type="primary" theme="light" target="_blank" />
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/contas/faturamento.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/contas/faturamento.mdx
index 95349901af..bf05aa8c0f 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/contas/faturamento.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/contas/faturamento.mdx
@@ -8,7 +8,7 @@ namespace: documentation_accounts_billing
 permalink: /documentacao/produtos/gestao-de-contas/billing-and-subscriptions/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 A página de Faturamento oferece uma visão abrangente do seu modelo de preços baseado no uso. É onde você vê como é cobrado com base no seu uso dos produtos da Azion.
 
@@ -34,4 +34,4 @@ O Real-Time Metrics foca performance, e por isso usa uma abordagem at-most-once,
 
 Em média, a diferença entre os dois é menor do que 1%.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/billing-and-subscriptions/" label="Consulte o guia para acessar a página de faturamento" severity="secondary" target="_blank" />
\ No newline at end of file
+<Button href="/pt-br/documentacao/produtos/guias/billing-and-subscriptions/" label="Consulte o guia para acessar a página de faturamento" type="primary" theme="light" target="_blank" />
\ No newline at end of file
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/contas/user-session-timeout.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/contas/user-session-timeout.mdx
index a8d6097f41..c396689469 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/contas/user-session-timeout.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/contas/user-session-timeout.mdx
@@ -6,7 +6,7 @@ namespace: documentation_products_user_session_timeout
 permalink: /documentacao/produtos/gestao-de-contas/user-session-timeout/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag';
 
 <Tag severity="info" client:only="vue">Preview</Tag>
@@ -40,7 +40,7 @@ Para configurar o User Session Timeout, você deve ter privilégios de *Account
 
 Uma política de tempo limite de sessão determina o tempo máximo de inatividade para a terminação da sessão e o tempo máximo da sessão.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/configurar-user-session-timeout/" label="Consulte o guia para configurar o User Session Timeout" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/guias/configurar-user-session-timeout/" label="Consulte o guia para configurar o User Session Timeout" type="primary" theme="light" target="_blank" />
 
 ### Maximum idle time
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/marketplace/isv-signup.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/marketplace/isv-signup.mdx
index a73729454d..5dbdfdee9e 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/marketplace/isv-signup.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/marketplace/isv-signup.mdx
@@ -7,17 +7,17 @@ meta_tags: 'vendor, edge computing, isv, marketplace'
 namespace: docs_marketplace_isv_signup
 permalink: /documentacao/produtos/marketplace/isv-signup/
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 O **Marketplace da Azion** é um catálogo digital que permite que as empresas distribuam facilmente suas integrações para um público mais amplo. Dessa forma, você pode publicar seu produto com apenas alguns cliques e acelerar o processo de lançamento no mercado.
 
 Para publicar seu produto no Marketplace da Azion, você deve se tornar um Independent Software Vendor (ISV), ou fornecedor independente de software, seguindo o **processo de cadastro de ISV**, conforme explicado nas próximas seções.
 
-<LinkButton link="/pt-br/documentacao/produtos/marketplace/" label="Saiba mais sobre o Marketplace da Azion" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/marketplace/" label="Saiba mais sobre o Marketplace da Azion" type="primary" theme="light" />
 
 
 <br/>
-<LinkButton link="/pt-br/documentacao/produtos/marketplace/marketplace-seller-guide/" label="Consulte o Marketplace Seller Guide" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/marketplace/marketplace-seller-guide/" label="Consulte o Marketplace Seller Guide" type="primary" theme="light" />
 
 
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/marketplace/marketplace-primeiros-passos.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/marketplace/marketplace-primeiros-passos.mdx
index f20fd969f4..e291ffc535 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/marketplace/marketplace-primeiros-passos.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/marketplace/marketplace-primeiros-passos.mdx
@@ -8,7 +8,7 @@ namespace: docs_marketplace_first_steps
 permalink: /documentacao/produtos/marketplace/primeiros-passos/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 Para acessar o **Marketplace** da Azion, siga esses passos:
 
@@ -27,11 +27,11 @@ Acesse o [Azion Console](https://console.azion.com) e selecione a opção **Star
 
 Isso abrirá a página de criação, onde você pode selecionar o template com o qual deseja começar.
 
-<LinkButton link="/pt-br/documentacao/produtos/marketplace/templates/" label="Saiba mais sobre templates" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/marketplace/templates/" label="Saiba mais sobre templates" type="primary" theme="light" />
 
 
 <br />
-<LinkButton link="/pt-br/documentacao/produtos/usar-um-template-via-rtm/" label="consulte o guia como usar um template" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/usar-um-template-via-rtm/" label="consulte o guia como usar um template" type="primary" theme="light" />
 
 
 
@@ -45,11 +45,11 @@ Acesse o [Azion Console](https://console.azion.com) e vá para o **Marketplace**
 - Filtrar por categoria usando a seção de filtros, localizada no lado esquerdo da página inicial do Marketplace.
 - Navegar pelos cards na tela para encontrar a integração desejada.
 
-<LinkButton link="/pt-br/documentacao/produtos/marketplace/integracoes/" label="saiba mais sobre integrações" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/marketplace/integracoes/" label="saiba mais sobre integrações" type="primary" theme="light" />
 
 
 <br />
-<LinkButton link="/pt-br/documentacao/produtos/marketplace/instalar-uma-integracao/" label="consulte o guia como instalar uma integração" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/marketplace/instalar-uma-integracao/" label="consulte o guia como instalar uma integração" type="primary" theme="light" />
 
 
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/marketplace/marketplace-seller-guide.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/marketplace/marketplace-seller-guide.mdx
index 4503783994..3428cbf422 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/marketplace/marketplace-seller-guide.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/marketplace/marketplace-seller-guide.mdx
@@ -8,7 +8,7 @@ namespace: docs_marketplace_marketplace_seller_guide
 permalink: /documentacao/produtos/marketplace/marketplace-seller-guide/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 O **⁠Azion Marketplace** é um catálogo digital que oferece software que se executa no edge pronto para uso, acelerando o fluxo de desenvolvimento.
 
@@ -68,7 +68,7 @@ Após a conclusão deste processo, a equipe da Azion analisará o seu cadastro c
 A Azion pode exigir que você forneça informações adicionais para verificar sua identidade, incluindo informações legais, financeiras, comerciais, fiscais ou pessoais. A Azion pode fazer, diretamente ou por meio de terceiros, quaisquer consultas consideradas necessárias para validar as informações que você fornecer, incluindo a verificação de bancos de dados comerciais.
 :::
 
-<LinkButton link="/pt-br/documentacao/produtos/marketplace/isv-signup/" label="consulte o guia para se tornar um ISV" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/marketplace/isv-signup/" label="consulte o guia para se tornar um ISV" type="primary" theme="light" />
 
 
 
@@ -103,7 +103,7 @@ Nesse sentido, nos primeiros *90 dias* após o lançamento, a Azion flexibilizar
 
 Não **há taxa de serviço** para produtos *Bring Your Own License (BYOL)* ou *gratuitos* a serem publicados e hospedados no Marketplace da Azion. No entanto, todos os produtos do seller incorrerão em cobranças associadas da Azion, dependendo dos serviços utilizados. Essas tarifas e taxas são definidas e controladas pela Azion. Uma vez que as assinaturas do produto estejam em vigor, o buyer pode copiar o produto para suas Azion Edge Libraries para gerenciar como o produto é acessado e usado na organização do buyer.
 
-<LinkButton link="/pt-br/documentacao/produtos/precos/" label="consulte a página de preços" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/precos/" label="consulte a página de preços" type="primary" theme="light" />
 
 
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/marketplace/marketplace.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/marketplace/marketplace.mdx
index 526733cec8..cc2d71740f 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/marketplace/marketplace.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/marketplace/marketplace.mdx
@@ -7,7 +7,7 @@ meta_tags: Marketplace
 namespace: docs_marketplace
 permalink: /documentacao/produtos/marketplace/
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 O **Marketplace da Azion** é um catálogo digital que torna fácil encontrar, testar e implantar softwares que rodem no edge. Com uma ampla gama de opções, você pode implantar rapidamente novas applications usando [templates](#azion-templates) ou com [integrações](#azion-integrations) para melhorar, compor ou personalizar suas aplicações existentes.
 
@@ -49,11 +49,11 @@ Ao acessar o [Azion Console](https://console.azion.com), você encontra a opçã
 
 Os templates oferecidos pela Azion são projetos pré-construídos e pré-configurados projetados para criar e implantar rapidamente novas applications que atendem a uma variedade de casos de uso.
 
-<LinkButton link="/pt-br/documentacao/produtos/marketplace/templates/" label="Saiba mais sobre templates" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/marketplace/templates/" label="Saiba mais sobre templates" type="primary" theme="light" />
 
 
 <br />
-<LinkButton link="/pt-br/documentacao/produtos/usar-um-template-via-rtm/" label="consulte o guia de como usar um template" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/usar-um-template-via-rtm/" label="consulte o guia de como usar um template" type="primary" theme="light" />
 
 
 
@@ -69,11 +69,11 @@ No Marketplace da Azion, você encontrará integrações que executam functions
 
 Consulte a [página de guias da Azion](/pt-br/documentacao/produtos/guias/#marketplace) para obter mais detalhes sobre a instalação para o tipo de integração.
 
-<LinkButton link="/pt-br/documentacao/produtos/marketplace/integracoes/" label="saiba mais sobre integrações" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/marketplace/integracoes/" label="saiba mais sobre integrações" type="primary" theme="light" />
 
 
 <br />
-<LinkButton link="/pt-br/documentacao/produtos/marketplace/instalar-uma-integracao/" label="consulte o guia de como instalar uma integração" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/marketplace/instalar-uma-integracao/" label="consulte o guia de como instalar uma integração" type="primary" theme="light" />
 
 
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/marketplace/permissoes.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/marketplace/permissoes.mdx
index 9166e9fa1b..d1362fb4d8 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/marketplace/permissoes.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/marketplace/permissoes.mdx
@@ -6,7 +6,7 @@ description: >-
 namespace: documentation_permissions_mktp
 permalink: /documentacao/produtos/guias/permissoes-marketplace/
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 Para instalar e implantar templates ou integrações da Azion, pode ser necessário conceder privilégios ao **Marketplace** para ler e gravar as configurações de suas applications.
 
@@ -43,7 +43,7 @@ Cada application depende do **Rules Engine** para executar os *behaviors* (compo
 
 Algumas integrações são executadas na instância do **Firewall**. Essas integrações precisam de mais privilégios do que os concedidos a uma application. Para conhecer os privilégios de acesso do Firewall, visite a documentação de [Teams Permissions](/pt-br/documentacao/produtos/gestao-de-contas/teams-permissions/).
 
-<LinkButton link="/pt-br/documentacao/produtos/marketplace/integracoes/" label="saiba mais sobre integrações" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/marketplace/integracoes/" label="saiba mais sobre integrações" type="primary" theme="light" />
 
 
 
@@ -55,7 +55,7 @@ Para garantir o desempenho ideal de certos templates, alguns produtos da Azion d
 
 Alguns templates funcionam com ferramentas de terceiros para fornecer uma opção mais abrangente e moderna. O uso desse tipo de templates exigirá a conformidade com certos requisitos, como a criação de uma conta ou a configuração inicial. Em alguns casos, essa integração pode gerar custo por uso.
 
-<LinkButton link="/pt-br/documentacao/produtos/marketplace/templates/" label="Saiba mais sobre templates" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/marketplace/templates/" label="Saiba mais sobre templates" type="primary" theme="light" />
 
 
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/observe/data-streaming/data-streaming.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/observe/data-streaming/data-streaming.mdx
index 8b064c6421..44387f7755 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/observe/data-streaming/data-streaming.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/observe/data-streaming/data-streaming.mdx
@@ -12,7 +12,7 @@ permalink: /documentacao/produtos/observe/data-stream/
 ---
 
 import Tag from 'primevue/tag';
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Data Stream** é um produto de [Observe](/pt-br/documentacao/produtos/observe/) que permite que você alimente suas plataformas de stream, SIEM e big data com os logs de eventos de suas aplicações na Azion em tempo real. Para manter uma performance avançada, usa a codificação ASCII para evitar problemas de parser e problemas na interpretação dos dados.
 
@@ -278,7 +278,7 @@ Veja qual template corresponde a qual data source:
 
 Ao selecionar um dos templates fornecidos pela Azion, você não consegue modificar as variáveis exibidas no campo de código **Data Set**. Ao selecionar **Custom Template**, você consegue personalizar quais variáveis quer usar de acordo com suas necessidades.
 
-<LinkButton severity="secondary" link="/pt-br/documentacao/produtos/guias/data-stream-template-personalizado/" label="Como criar um template personalizado" />
+<Button href="/pt-br/documentacao/produtos/guias/data-stream-template-personalizado/" label="Como criar um template personalizado" type="primary" theme="light" />
 
 ---
 
@@ -290,7 +290,7 @@ Ao associar um domínio, os eventos relacionados a esse ou a esses domínios esp
 
 Ao selecionar **All Domains**, a plataforma seleciona automaticamente todos os domínios atuais e *futuros* de sua conta no Azion Console.
 
-<LinkButton severity="secondary" link="/pt-br/documentacao/produtos/guias/data-stream-associar-dominios/" label="Como associar domínios" />
+<Button href="/pt-br/documentacao/produtos/guias/data-stream-associar-dominios/" label="Como associar domínios" type="primary" theme="light" />
 
 Se você selecionar a opção **All Domains**, você também pode configurar a porcentagem de dados que quer receber, de forma aleatória, do seu stream através da opção de *Sampling*. Além de filtrar por amostra, a opção também reduz custos de coleta e análise de dados.
 
@@ -385,7 +385,7 @@ Para configurar o endpoint [AWS Kinesis Data Firehose](https://aws.amazon.com/ki
 - **Access Key**: refere-se à chave pública para acessar o Data Firehose, que é fornecida pela AWS. Exemplo: `ORIA5ZEH9MW4NL5OITY4`
 - **Secret Key**: refere-se à chave secreta para acessar o Data Firehose, que é fornecida pela AWS. Exemplo: `+PLjkUWJyOLth3anuWXcLLVrMLeiiiThIokaPEiw`
 
-<LinkButton severity="secondary" link="/pt-br/documentacao/produtos/guias/amazon-kinesis-endpoint/" label="Como utilizar o AWS Kinesis Data Firehose para receber dados" />
+<Button href="/pt-br/documentacao/produtos/guias/amazon-kinesis-endpoint/" label="Como utilizar o AWS Kinesis Data Firehose para receber dados" type="primary" theme="light" />
 
 ---
 
@@ -397,7 +397,7 @@ Para configurar o endpoint [Azure Blob Storage](https://azure.microsoft.com/en-u
 - **Container Name**: nome do container de armazenamento que você definiu no Blob Storage. Exemplo: `mycontainer`
 - **Blob SAS Token**: token gerado pelo Blob Storage. Deve ter acesso concedido para criar, ler, escrever e listar. Exemplo: `sp=oiuwdl&st=2022-04-14T18:05:08Z&se=2026-03-02T02:05:08Z&sv=2020-08-04&sr=c&sig=YUi0TBEt7XTlxXex4Jui%2Fc88h6qAgMmCY4XIXeMvxa0%3F`
 
-<LinkButton severity="secondary" link="/pt-br/documentacao/produtos/guias/azure-blob-endpoint/" label="Como utilizar o Azure Blob Storage para receber dados" />
+<Button href="/pt-br/documentacao/produtos/guias/azure-blob-endpoint/" label="Como utilizar o Azure Blob Storage para receber dados" type="primary" theme="light" />
 
 ---
 
@@ -410,7 +410,7 @@ Para configurar o endpoint [Azure Monitor](https://azure.microsoft.com/en-us/pro
 - **Time Generated Field**: é usado para gerar o campo TimeGenerated, que traz quanto tempo levará para que o registro fique disponível após ser coletado. Quando não especificado, usa o tempo de ingestão. Exemplo: `myCustomTimeField`
 - **Workspace ID**: ID do seu Workspace no Azure Monitor. Exemplo: `kik73154-0426-464c-aij3-eg6d24u87c50`
 
-<LinkButton severity="secondary" link="/pt-br/documentacao/produtos/guias/azure-monitor-endpoint/" label="Como utilizar o Azure Monitor para receber dados" />
+<Button href="/pt-br/documentacao/produtos/guias/azure-monitor-endpoint/" label="Como utilizar o Azure Monitor para receber dados" type="primary" theme="light" />
 
 ---
 
@@ -421,7 +421,7 @@ Para configurar o endpoint [Datadog](https://www.datadoghq.com/), você deve ter
 - **Datadog URL**: a URL ou a URI do seu endpoint no Datadog. Exemplo: `https://inputs.splunk-client.splunkcloud.com:1337/services/collector`
 - **API Key**: chave de API gerada no dashboard do Datadog. Exemplo: `ij9076f1ujik17a81f938yhru5g713422`
 
-<LinkButton severity="secondary" link="/pt-br/documentacao/produtos/guias/datadog-endpoint/" label="Como utilizar o Datadog para receber dados" />
+<Button href="/pt-br/documentacao/produtos/guias/datadog-endpoint/" label="Como utilizar o Datadog para receber dados" type="primary" theme="light" />
 
 ---
 
@@ -432,7 +432,7 @@ Para configurar o endpoint [Elasticsearch](https://www.elastic.co/pt/elasticsear
 - **Elasticsearch URL**: endereço da URL + index do ElasticSearch que irá receber os dados coletados. Exemplo: `https://elasticsearch-domain.com/myindex`
 - **Encoded API Key**: a chave `Base64` correspondente ao valor `"encoded"` gerado na criação da chave API no ElasticSearch. Exemplo: `VnVhQ2ZHY0JDZGJrUW0tZTVhT3g6dWkybHAyYXhUTm1zeWFrdzl0dk5udw==`
 
-<LinkButton severity="secondary" link="/pt-br/documentacao/produtos/guias/elasticsearch-endpoint/" label="Como utilizar o Elasticsearch para receber dados" />
+<Button href="/pt-br/documentacao/produtos/guias/elasticsearch-endpoint/" label="Como utilizar o Elasticsearch para receber dados" type="primary" theme="light" />
 
 ---
 
@@ -460,7 +460,7 @@ Para configurar o endpoint [Google BigQuery](https://cloud.google.com/bigquery),
 }
 ```
 
-<LinkButton severity="secondary" link="/pt-br/documentacao/produtos/guias/google-bigquery-endpoint/" label="Como utilizar o Google BigQuery para receber dados" />
+<Button href="/pt-br/documentacao/produtos/guias/google-bigquery-endpoint/" label="Como utilizar o Google BigQuery para receber dados" type="primary" theme="light" />
 
 ---
 
@@ -490,8 +490,8 @@ Você pode usar qualquer tipo de provedor de S3 (Simple Storage Service) de sua
 - **Object Key Prefix**: prefixo que você pode adicionar aos arquivos que serão enviados. O nome do arquivo é composto pelo Prefixo, pela data e hora em que os pacotes são enviados no formato YYYY/MM/DD/hh/mm/ e pelo UUID. Exemplo: se você usar `user/logs` como prefixo, os objetos enviados serão salvo com a seguinte estrutura `user/logs/2024/10/12/06/24/37d66e78-c308-4006-9d4d-1c013ed89276`.
 - **Content Type**: formato em que o objeto será criado no bucket. É possível escolher entre *plain/text* ou *application/gzip*.
 
-<LinkButton severity="secondary"  link="/pt-br/documentacao/produtos/guias/amazon-s3-endpoint/" label="Como utilizar o Amazon S3 para receber dados" />
-<LinkButton severity="secondary" link="/pt-br/documentacao/produtos/guias/conector-azion-edge-storage/" label="Como utilizar o Object Storage da Azion para receber dados" />
+<Button href="/pt-br/documentacao/produtos/guias/amazon-s3-endpoint/" label="Como utilizar o Amazon S3 para receber dados" type="primary" theme="light" />
+<Button href="/pt-br/documentacao/produtos/guias/conector-azion-edge-storage/" label="Como utilizar o Object Storage da Azion para receber dados" type="primary" theme="light" />
 
 ---
 
@@ -502,7 +502,7 @@ Para configurar o endpoint [Splunk](https://www.splunk.com/), você deve ter ace
 - **Splunk URL**: URL que irá receber os dados coletados. Se você tiver um índice alternativo para indicar, pode adicioná-lo no final da URL. Exemplo: `https://inputs.splunkcloud.com:8080/services/collector?index=myindex`
 - **API Key**: token do HTTP Event Collector, fornecido pela instalação do Splunk. Exemplo: `crfe25d2-23j8-48gf-a9ks-6b75w3ska674`
 
-<LinkButton severity="secondary" link="/pt-br/documentacao/produtos/guias/splunk-endpoint/" label="Como utilizar o Splunk para receber dados" />
+<Button href="/pt-br/documentacao/produtos/guias/splunk-endpoint/" label="Como utilizar o Splunk para receber dados" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/observe/edge-pulse/edge-pulse.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/observe/edge-pulse/edge-pulse.mdx
index f26f486e8e..29faf9afb9 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/observe/edge-pulse/edge-pulse.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/observe/edge-pulse/edge-pulse.mdx
@@ -8,7 +8,7 @@ namespace: documentation_products_edge_pulse
 permalink: /documentacao/produtos/observe/edge-pulse/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Edge Pulse** é um produto de [Observe](/pt-br/documentacao/produtos/observe/) baseado na solução de mercado *Real User Monitoring (RUM)*. Com ele, você pode, em tempo real:
 
@@ -66,7 +66,7 @@ As categorias de dados coletados são:
 - Rede
 
 
-<LinkButton link="/pt-br/documentacao/produtos/observe/real-time-events/" label="explorar via Real-Time Events" />
+<Button href="/pt-br/documentacao/produtos/observe/real-time-events/" label="explorar via Real-Time Events" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/observe/real-time-events/real-time-events.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/observe/real-time-events/real-time-events.mdx
index f1b1019bee..24baf7ed94 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/observe/real-time-events/real-time-events.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/observe/real-time-events/real-time-events.mdx
@@ -9,7 +9,7 @@ permalink: /documentacao/produtos/observe/real-time-events/
 ---
 
 import Tag from 'primevue/tag'
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 <Tag severity="info" client:only="vue">
 Preview
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/observe/real-time-metrics/real-time-metrics.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/observe/real-time-metrics/real-time-metrics.mdx
index 45a2bcd242..7997affe9e 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/observe/real-time-metrics/real-time-metrics.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/observe/real-time-metrics/real-time-metrics.mdx
@@ -11,7 +11,7 @@ permalink: /documentacao/produtos/observe/real-time-metrics/
 ---
 
 import Tag from 'primevue/tag';
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Real-Time Metrics** é um produto de [Observe](/pt-br/documentacao/produtos/observe/) que fornece acesso a métricas em tempo real, através de gráficos, para que você analise os eventos de suas aplicações e produtos configurados na Azion. Ele também ajuda a otimizar seu uso dos produtos da Azion e como o seu conteúdo é entregue.
 
@@ -55,7 +55,7 @@ A Azion armazena os eventos e logs de suas métricas por 2 anos, mas o novo Real
 
 Se você deseja visualizar métricas de até 2 anos e de antes de 15 de outubro de 2022:
 
-<LinkButton link="/pt-br/documentacao/produtos/observe/real-time-metrics-historico/" label="Use o Real-Time Metrics Histórico" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/observe/real-time-metrics-historico/" label="Use o Real-Time Metrics Histórico" type="primary" theme="light" />
 
 ---
 
@@ -135,7 +135,7 @@ O fuso horário utilizado é o mesmo do configurado em suas preferências de usu
 
 Após configurar os campos de **Time range** e **Date calendar**, seus gráficos são atualizados para buscar os dados que estão relacionados ao novo intervalo de tempo configurado.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/usar-real-time-metrics/" label="Como utilizar o Real-Time Metrics" severity="secondary"/>
+<Button href="/pt-br/documentacao/produtos/guias/usar-real-time-metrics/" label="Como utilizar o Real-Time Metrics" type="primary" theme="light" />
 
 ---
 
@@ -143,7 +143,7 @@ Após configurar os campos de **Time range** e **Date calendar**, seus gráficos
 
 **Real-Time Metrics** permite que você filtre sua análise, recebendo campos e valores específicos. Você pode adicionar um ou múltiplos filtros, dependendo da análise que deseja conduzir.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/observe/adicionar-filtros-metrics/" label="Saiba mais sobre adicionar filtros" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/observe/adicionar-filtros-metrics/" label="Saiba mais sobre adicionar filtros" type="primary" theme="light" />
 
 :::tip[dica]
 Após a aplicação de um filtro, o caminho da URL no Azion Console é atualizado com um parâmetro codificado. Você pode copiar e compartilhar a URL com outros usuários para que eles visualizem os gráficos com os mesmos filtros já aplicados.
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/api-v4-migration.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/api-v4-migration.mdx
index 60666f59c2..43c4dabf64 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/api-v4-migration.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/api-v4-migration.mdx
@@ -7,7 +7,7 @@ namespace: documentation_products_apiv4_migration
 permalink: /documentacao/produtos/api-v4-migration/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Code from '~/components/Code/Code.astro'
 
 ## Visão geral da migração
@@ -184,7 +184,7 @@ Se você possui automações que atualmente utilizam os endpoints da API de **Do
 - **Gestão simplificada**: Centraliza a configuração e o controle de diferentes elementos da aplicação, reduzindo a complexidade operacional.
 - **Base para novas capacidades**: Essencial para recursos futuros, como versionamento de configuração e conexões de serviço mais intuitivas, por exemplo, vincular um domínio diretamente ao Object Storage sem depender de uma Applications.
 
-<LinkButton link="/pt-br/documentacao/produtos/secure/workloads/" label="Acesse a Referência de Workloads" />
+<Button href="/pt-br/documentacao/produtos/secure/workloads/" label="Acesse a Referência de Workloads" type="primary" theme="light" />
 
 ---
 
@@ -314,7 +314,7 @@ Se você possui automações que atualmente utilizam os endpoints da API de **Ap
 - **Gestão simplificada de backend**: O **Connectors** centraliza todas as definições de conexão de backend, reduzindo a complexidade de configuração. Múltiplas **Applications** podem usar um único **Connectors**, facilitando a manutenção e garantindo consistência de configuração.
 - **Arquitetura pronta para o futuro**: O **Connectors** fornece a base para novos recursos e otimizações da Azion Web Platform, garantindo que suas Applications estejam prontas para aproveitar novas capacidades assim que estiverem disponíveis.
 
-<LinkButton link="/pt-br/documentacao/produtos/secure/edge-connector/" label="Acesse a Referência de Connectors"/>
+<Button href="/pt-br/documentacao/produtos/secure/edge-connector/" label="Acesse a Referência de Connectors" type="primary" theme="light" />
 
 ---
 
@@ -427,7 +427,7 @@ Os Error Responses existentes serão automaticamente convertidos em **Custom Pag
   - Ative ou desative qualquer **Custom Page** usando um controle de status.
   - Visualize e gerencie uma lista paginada de todos os códigos de status configurados pela interface do usuário.
 
-<LinkButton link="/pt-br/documentacao/produtos/secure/custom-pages/" label="Acesse a Referência de Custom Pages"/>
+<Button href="/pt-br/documentacao/produtos/secure/custom-pages/" label="Acesse a Referência de Custom Pages" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/custom-pages/custom-pages.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/custom-pages/custom-pages.mdx
index b9e72d064d..4fc26b48e9 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/custom-pages/custom-pages.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/custom-pages/custom-pages.mdx
@@ -7,7 +7,7 @@ namespace: documentation_secure_custom_pages
 permalink: /documentacao/produtos/secure/custom-pages/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 import Tabs from '~/components/tabs/Tabs'
 import Apiv4Rollout from '~/includes/snippets/apiv4Rollout/pt/snippet.mdx'
@@ -78,7 +78,7 @@ Estes são os códigos de status disponíveis:
 
 Define o tempo, em segundos, que a página de erro permanecerá em cache antes de ser atualizada.
 
-<LinkButton link="/pt-br/documentacao/produtos/build/edge-application/cache-settings/#browser-cache-settings" label="Saiba mais sobre configurações de expiração de cache" />
+<Button href="/pt-br/documentacao/produtos/build/edge-application/cache-settings/#browser-cache-settings" label="Saiba mais sobre configurações de expiração de cache" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-connector/edge-connector.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-connector/edge-connector.mdx
index 225c647fc4..7f2f3993b4 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-connector/edge-connector.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-connector/edge-connector.mdx
@@ -6,7 +6,7 @@ meta_tags: 'Connectors, Edge Computing, Edge, Origin'
 namespace: documentation_products_edge_connector
 permalink: /documentacao/produtos/secure/connectors/
 ---
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 import Apiv4Rollout from '~/includes/snippets/apiv4Rollout/pt/snippet.mdx'
 
 <Apiv4Rollout />
@@ -95,7 +95,7 @@ O parâmetro `connection_timeout` especifica o tempo limite, em segundos, para e
 
 Quando **HTTP** é selecionado como tipo de connector, é possível configurar o **Balancing Method** para determinar como grandes volumes de requisições são distribuídos entre os endereços, adicionar múltiplos **Addresses** ao seu connector e alterar o **Server Role** e **Weight** de cada endereço.
 
-<LinkButton link="/pt-br/documentacao/produtos/secure/connectors/load-balancer/" label="Saiba mais sobre Load Balancer" />
+<Button href="/pt-br/documentacao/produtos/secure/connectors/load-balancer/" label="Saiba mais sobre Load Balancer" type="primary" theme="light" />
 
 ##### Origin Shield
 
@@ -172,13 +172,13 @@ Abaixo estão os atributos da [Connectors API](https://api.azion.com/v4#/operati
 | bucket    | String | O nome do bucket.            |
 | prefix    | String | O caminho de prefixo do bucket. |
 
-<LinkButton link="/pt-br/documentacao/produtos/store/object-storage/" label="Ir para referência Object Storage" />
+<Button href="/pt-br/documentacao/produtos/store/object-storage/" label="Ir para referência Object Storage" type="primary" theme="light" />
 
 ### Live Ingest
 
 Este tipo de connector pode ser utilizado em cenários onde provedores de conteúdo exigem alta fidelidade e baixa latência, como eventos ao vivo, e-sports e conteúdos educacionais. Suporta ingestão de streams de vídeo ao vivo e permite a seleção da região de ingestão para otimizar a latência. A plataforma utiliza uma rede de edge locations para melhorar a eficiência e escalabilidade da entrega, além de fornecer recursos de segurança para proteção do stream. Para utilizar este tipo de connector, selecione a região de ingestão preferida para minimizar a latência, inicie o streaming do seu vídeo ao vivo usando o endpoint apropriado e monitore o desempenho para garantir a entrega ideal.
 
-<LinkButton link="/pt-br/documentacao/arquiteturas/live-streaming-delivery/live-streaming-delivery-com-hls/" label="Ir para a solução Live Ingest" />
+<Button href="/pt-br/documentacao/arquiteturas/live-streaming-delivery/live-streaming-delivery-com-hls/" label="Ir para a solução Live Ingest" type="primary" theme="light" />
 
 ---
 ```
\ No newline at end of file
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-connector/load-balancer.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-connector/load-balancer.mdx
index cb5b0d6f3d..37062111ef 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-connector/load-balancer.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-connector/load-balancer.mdx
@@ -9,7 +9,7 @@ namespace: documentation_products_load_balancer
 permalink: /documentacao/produtos/secure/connectors/load-balancer/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 O **Load Balancer** é uma funcionalidade do Connectors projetado para balancear o tráfego em suas origens, data centers ou provedores de cloud, mitigando o congestionamento da rede e a sobrecarga do servidor. Para alcançar altos níveis de tolerância a falhas e desempenho caso haja algum problema com seus servidores de origem, seu conteúdo e aplicações devem estar disponíveis em múltiplas fontes.
 
@@ -58,7 +58,7 @@ O algoritmo de balanceamento por **IP hash** rastreia os endereços IP do usuár
 
 Você pode adicionar mais de um **Address** para sua origem. Os endereços no **Load Balancer** seguem a mesma lógica do endereço de **Single Origin**.
 
-<LinkButton link="/pt-br/documentacao/produtos/build/edge-application/origins/#address" label="Saiba mais sobre origin addresses" />
+<Button href="/pt-br/documentacao/produtos/build/edge-application/origins/#address" label="Saiba mais sobre origin addresses" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-connector/origin-shield.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-connector/origin-shield.mdx
index db4ac93640..b1ab327953 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-connector/origin-shield.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-connector/origin-shield.mdx
@@ -7,7 +7,7 @@ namespace: documentation_products_edge_connector_origin_shield
 permalink: /documentacao/produtos/secure/connectors/origin-shield/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 **Origin Shield** é um recurso de segurança que fornece uma Lista de Redes dinâmica, `Azion Origin Shield`, contendo todos os endereços IP/CIDR usados pela infraestrutura de rede da Azion.
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-dns/dnssec.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-dns/dnssec.mdx
index 3e981768bd..7484089b0e 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-dns/dnssec.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-dns/dnssec.mdx
@@ -11,7 +11,7 @@ namespace: documentation_products_intelligent_dns_dnssec
 permalink: /documentacao/produtos/secure/edge-dns/compatibilidade-dnssec/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Quando digitamos uma URL (Uniform Resource Locator) na barra de endereço de um navegador web, utilizamos um padrão de texto de fácil leitura e memorização, como `www.azion.com`. Com base na URL fornecida, ocorre então uma requisição para um servidor localizado na Internet, tal como num endereço postal.
 
@@ -55,7 +55,7 @@ O DNSSEC utiliza assinaturas digitais para fornecer:
 - Negação autenticada de existência.
 - Integridade dos dados.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/ativar-dnssec/" label="ative DNSSEC" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/secure/ativar-dnssec/" label="ative DNSSEC" type="primary" theme="light" /> 
 
 Ao verificar a assinatura associada aos registros DNS existentes como A, AAAA, CNAME, PTR etc., é possível validar que o registro DNS solicitado tem origem no servidor DNS autoritativo e que seu conteúdo original foi preservado, sem sofrer alterações pelo meio do caminho.
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-dns/edge-dns.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-dns/edge-dns.mdx
index dfcc7d7daa..78d6a50a94 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-dns/edge-dns.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-dns/edge-dns.mdx
@@ -8,7 +8,7 @@ namespace: documentation_products_intelligent_dns
 permalink: /documentacao/produtos/secure/edge-dns/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 O Azion **Edge DNS** é um serviço para hospedagem de domínios que compõe a solução de roteamento de tráfego da Azion. Com ele, seus domínios ficarão hospedados na infraestrutura da Azion, utilizando as mesmas soluções de performance e segurança construídas para os demais produtos Azion, combinando técnicas para otimização das requisições com proteção contra ataques **Distributed Denial of Service (DDoS)**. Edge DNS é uma solução de DNS autoritativo e permite que clientes gerenciem seus domínios, zonas e registros através de uma interface amigável e intuitiva.
 
@@ -34,13 +34,13 @@ Em outras palavras, o DNS resolve o endereço de IP do domínio que você deseja
 
 Após configurar sua zona, você pode testar se ela está processando suas informações.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/testar-zona/" label="consulte o guia sobre testar zonas" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/secure/testar-zona/" label="consulte o guia sobre testar zonas" type="primary" theme="light" /> 
 
 ---
 
 ## Registros do Edge DNS
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/adicionar-registros/" label="consulte o guia sobre adicionar registros" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/secure/adicionar-registros/" label="consulte o guia sobre adicionar registros" type="primary" theme="light" />
 
 ### Zone Name
 
@@ -119,7 +119,7 @@ Dado um conjunto de Registros Ponderados (Weighted Records) com o mesmo *Name* e
 
 `Peso do registro / Soma de todos os pesos`
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/balanceamento-de-carga-dns/" label="consulte o guia balancear carga entre registros DNS" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/secure/balanceamento-de-carga-dns/" label="consulte o guia balancear carga entre registros DNS" type="primary" theme="light" />
 
 ---
 
@@ -152,7 +152,7 @@ O formato do valor aceito varia de acordo com o tipo de registro escolhido.
 - Criar uma entrada A-type apontando para seu webserver. Assim, ele fará o redirecionamento para a Azion. Essa opção pode impactar o ranking Google.
 - Criar uma entrada ANAME no seu DNS e apontá-la para a Azion. Se você utiliza um serviço de DNS fora da Azion ou um domínio que aponta para outra plataforma, essa opção pode não ser compatível.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/acessar-root-domain/" label="consulte o guia sobre acessar endereços de IP por root domain" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/secure/acessar-root-domain/" label="consulte o guia sobre acessar endereços de IP por root domain" type="primary" theme="light" /> 
 
 ---
 
@@ -199,7 +199,7 @@ Para efetuar o apontamento no seu DNS de registro, utilize um dos *nameservers*
 
 O **Domain Name System Security Extensions (DNSSEC)** é um recurso do Domain Name System (DNS) que autentica respostas a pesquisas de nome de domínio. Ele não fornece proteções de privacidade para essas pesquisas, mas impede que invasores manipulem ou envenenem as respostas às solicitações de DNS.
 
-<LinkButton link="/pt-br/documentacao/produtos/secure/edge-dns/compatibilidade-dnssec/" label="saiba mais sobre compatibilidade DNSSEC" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/secure/edge-dns/compatibilidade-dnssec/" label="saiba mais sobre compatibilidade DNSSEC" type="primary" theme="light" />
 
 ## Redirecionamento em massa para migração de domínios
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/azion-bot-manager-lite.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/azion-bot-manager-lite.mdx
index ed86384269..584b347a5a 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/azion-bot-manager-lite.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/azion-bot-manager-lite.mdx
@@ -8,7 +8,7 @@ namespace: docs_bot_manager__lite_reference
 permalink: /documentacao/produtos/secure/firewall/bot-manager-lite/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 # Visão Geral
 
@@ -117,8 +117,8 @@ Essa ação não requer argumentos adicionais.
 Usando qualquer valor diferente de `allow`, `deny`, `redirect`, `custom_html`, `drop`, `random_delay` ou `hold_connection` para a variável `action`, a função executará a ação padrão, que é `allow`.
 :::
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/bot-manager-lite-integration-kit/" label="Vá para o guia Como adicionar o Bot Manager Lite em um firewall existente usando um template" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/bot-manager-lite-integration-kit/" label="Vá para o guia Como adicionar o Bot Manager Lite em um firewall existente usando um template" type="primary" theme="light" /> 
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/bot-manager-lite-starter-kit/" label="Vá para o guia Como testar o Bot Manager Lite usando um template" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/bot-manager-lite-starter-kit/" label="Vá para o guia Como testar o Bot Manager Lite usando um template" type="primary" theme="light" /> 
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/bot-manager-lite/" label="Vá para o guia Como instalar o Bot Manager Lite através do Marketplace da Azion" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/bot-manager-lite/" label="Vá para o guia Como instalar o Bot Manager Lite através do Marketplace da Azion" type="primary" theme="light" /> 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/azion-bot-manager.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/azion-bot-manager.mdx
index a3ede03158..4e124cadd2 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/azion-bot-manager.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/azion-bot-manager.mdx
@@ -8,7 +8,7 @@ namespace: docs_bot_manager_reference
 permalink: /documentacao/produtos/secure/firewall/bot-manager/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 O **Bot Manager** da Azion usa algoritmos inteligentes avançados que permitem o aprendizado de máquina e *Reputation Intelligence* para analisar o comportamento dos dados recebidos. Isso permite a detecção de tráfego suspeito e bots maliciosos, facilitando a implementação de medidas preventivas contra atividades maliciosas, como preenchimento de credenciais (credential stuffing), varredura de vulnerabilidades (vulnerability scanning,) e raspagem de sites (site scraping).
 
@@ -102,7 +102,7 @@ As listas utilizadas pelo **Bot Manager** incluem critérios como:
 - Malware
 - Fraudes
 
-<LinkButton link="/pt-br/documentacao/produtos/secure/firewall/network-shield/network-lists/" label="saiba mais sobre network lists" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/secure/firewall/network-shield/network-lists/" label="saiba mais sobre network lists" type="primary" theme="light" /> 
 
 ### Classificação de bots
 
@@ -174,9 +174,9 @@ Ao habilitar o modo `api`, nenhum "Set-Cookie" será realizado, e quaisquer regr
 
 As requisições gerarão logs que poderão ser visualizados no **Real-Time Events** e no **Data Stream**. Ao analisar os logs gerados pelo Bot Manager, você pode obter insights para entender se são necessárias alterações nas configurações.
 
-<LinkButton link="/pt-br/documentacao/produtos/observe/data-stream/" label="Saiba mais sobre o Data Stream" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/observe/data-stream/" label="Saiba mais sobre o Data Stream" type="primary" theme="light" /> 
 <br />
-<LinkButton link="/pt-br/documentacao/produtos/observe/real-time-events/" label="Saiba mais sobre o Real-Time Events" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/observe/real-time-events/" label="Saiba mais sobre o Real-Time Events" type="primary" theme="light" /> 
 
 Você também pode consultar os gráficos do Bot Manager no [Real-Time Metrics](/pt-br/documentacao/produtos/observe/real-time-metrics/). A aba do Bot Manager exibe métricas relacionadas à atividade do Bot Manager, geradas quase em tempo real, com um intervalo de agregação de até *60 segundos*. Dependendo do gráfico, os dados podem ser armazenados por até *2 anos*.
 
@@ -197,9 +197,9 @@ As duas seções, **Overview** e **Breakdown**, incluem gráficos como:
 
 A variedade de gráficos, combinada com o uso de filtros e variation tags, permite realizar análises detalhadas de bots individuais, além de identificar tendências e padrões na atividade de bots ao longo do tempo.
 
-<LinkButton link="/pt-br/documentacao/produtos/observe/real-time-metrics/" label="Saiba mais sobre o Real-Time Metrics" severity="secondary"/>
+<Button href="/pt-br/documentacao/produtos/observe/real-time-metrics/" label="Saiba mais sobre o Real-Time Metrics" type="primary" theme="light" />
 <br />
-<LinkButton link="/pt-br/documentacao/produtos/observe/real-time-metrics/#bot-manager" label="Saiba mais sobre os gráficos do Bot Manager" severity="secondary"/>
+<Button href="/pt-br/documentacao/produtos/observe/real-time-metrics/#bot-manager" label="Saiba mais sobre os gráficos do Bot Manager" type="primary" theme="light" />
 
 #### GraphiQL Playground
 
@@ -207,9 +207,9 @@ Use o GraphiQL Playground para acessar informações detalhadas sobre o desempen
 
 Por exemplo, você pode [consultar dados do Bot Manager](/pt-br/documentacao/produtos/guias/consultar-dados-bot-manager-com-graphql/) ou [consultar as principais URLs impactadas por bots](/pt-br/documentacao/produtos/guias/consultar-dados-bot-manager-breakdown-com-graphql/) para analisar a atividade de bots e recuperar dados para otimizar suas configurações.
 
-<LinkButton link="/pt-br/documentacao/produtos/devtools/playground-graphql/" label="Saiba mais sobre o GraphiQL Playground" severity="secondary" />  
+<Button href="/pt-br/documentacao/produtos/devtools/playground-graphql/" label="Saiba mais sobre o GraphiQL Playground" type="primary" theme="light" />  
 <br />
-<LinkButton link="/pt-br/documentacao/devtools/graphql-api/recursos/campos-gql-real-time-metrics/#botmanagermetrics" label="Saiba mais sobre os campos do Bot Manager" severity="secondary" />  
+<Button href="/pt-br/documentacao/devtools/graphql-api/recursos/campos-gql-real-time-metrics/#botmanagermetrics" label="Saiba mais sobre os campos do Bot Manager" type="primary" theme="light" />  
 
 ### Explicação de Report Log
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/ddos-protection/ddos-mitigation.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/ddos-protection/ddos-mitigation.mdx
index e33b915df2..20801fb2cc 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/ddos-protection/ddos-mitigation.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/ddos-protection/ddos-mitigation.mdx
@@ -6,7 +6,7 @@ namespace: documentation_products_ddos_protection_ddos_mitigation
 permalink: /documentacao/produtos/secure/firewall/ddos-protection/ddos-mitigation/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Na Azion, a mitigação de ataques DDoS é realizada pelo **DDoS Protection**, um add-on do **Firewall**. O DDoS Protection é projetado para mitigar os maiores e mais complexos ataques DDoS nas camadas de rede, transporte, apresentação e aplicação, sem limitações de largura de banda.
 
@@ -20,7 +20,7 @@ Dessa forma, ataques complexos ao seu conteúdo, aplicações e serviço de Doma
 Na Azion, o DDoS Protection é **unmetered** e é automaticamente habilitado em todas as contas.
 :::
 
-<LinkButton link="/pt-br/documentacao/produtos/secure/firewall/ddos-protection/" label="Saiba mais sobre o DDoS Protection" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/secure/firewall/ddos-protection/" label="Saiba mais sobre o DDoS Protection" type="primary" theme="light" target="_blank" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/ddos-protection/ddos-protection.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/ddos-protection/ddos-protection.mdx
index 7acc8b947c..27b7de5f5d 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/ddos-protection/ddos-protection.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/ddos-protection/ddos-protection.mdx
@@ -6,7 +6,7 @@ namespace: documentation_products_ddos_protection
 permalink: /documentacao/produtos/secure/firewall/ddos-protection/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 **DDoS Protection** é um add-on do [Firewall](/pt-br/documentacao/produtos/secure/firewall/) que protege suas aplicações contra ataques do tipo *Denial of Service (DoS)* e *Distributed Denial of Service (DDoS)*, nas camadas de rede, transporte, apresentação e aplicação (camadas 3, 4, 6 e 7 do modelo OSI, respectivamente).
 
@@ -42,7 +42,7 @@ A rede da Azion, com mais de 100 edge locations, oferece proteção DDoS integra
 
 **DDoS Protection** oferece algoritmos sofisticados para mitigação automatizada de ataques. É adequado para empresas de médio porte a empresas que utilizam a Azion em sistemas críticos, com impacto direto nos resultados dos negócios, e que desejam proteção contra qualquer volume de ataque.
 
-<LinkButton link="/pt-br/documentacao/produtos/secure/firewall/ddos-protection/ddos-mitigation/" label="Saiba mais sobre DDoS Migration" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/secure/firewall/ddos-protection/ddos-mitigation/" label="Saiba mais sobre DDoS Migration" type="primary" theme="light" target="_blank" />
 
 ### Proteção de sua infraestrutura e DNS
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/digital-certificates.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/digital-certificates.mdx
index 3df3c5bbcc..706644c2f1 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/digital-certificates.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/digital-certificates.mdx
@@ -8,7 +8,7 @@ namespace: documentation_digital_certificates
 permalink: /documentacao/produtos/secure/firewall/certificate-manager/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import LetsEncryptExpiration from '~/includes/snippets/LetsEncryptExpiration/pt/snippet.mdx'
 import Tabs from '~/components/tabs/Tabs'
 import Code from '~/components/Code/Code.astro'
@@ -21,7 +21,7 @@ Na Azion, você pode contar com as seguintes opções de certificados TLS para t
 - **Custom certificate**: registra seu certificado TLS pessoal obtido de uma autoridade de certificação (CA) ou uma Trusted CA.
 - **Let's Encrypt certificate**: solicita a emissão de um certificado *Let's Encrypt*™ gerenciado automaticamente pela Azion.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/certificado-digital/" label="consulte o guia sobre obter e registrar um digital certificate" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/secure/certificado-digital/" label="consulte o guia sobre obter e registrar um digital certificate" type="primary" theme="light" /> 
 
 Você também pode criar um **Certificate Signing Request (CSR)** pela Azion para requisitar um certificado a uma CA.
 
@@ -102,7 +102,7 @@ A Azion agora oferece suporte para a criação e gerenciamento de certificados L
 A Azion oferece suporte tanto para os desafios DNS-01 quanto para o HTTP-01 como métodos alternativos de validação de certificados Let’s Encrypt. Enquanto o DNS-01 envolve a modificação das configurações DNS com um registro TXT para confirmar o controle do domínio, o HTTP-01 oferece uma solução simplificada ao simplesmente colocar um arquivo na raiz do documento do servidor. Essa abordagem é particularmente benéfica para ambientes onde o acesso direto ao servidor está disponível, permitindo uma integração simples através de múltiplos domínios e nomes de host sem alterações na configuração DNS.
 :::
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/registro-lets-encrypt/" label="consulte o guia sobre criar registro TXT para certificado Let's Encrypt" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/secure/registro-lets-encrypt/" label="consulte o guia sobre criar registro TXT para certificado Let" type="primary" theme="light" /> 
 
 ### Limites
 
@@ -212,7 +212,7 @@ Se você quer adicionar várias CRLs, você deve fazer uma requisição POST par
 
 Observe, também, que o campo `raw_crl` na requisição POST é uma string. Em requisições com formato JSON, as JSON strings exigem um escape (`\n`) para quebrar linhas. Lembre-se de adicionar um escape para representar cada linha no seu JSON.
 
-<LinkButton link="https://api.azion.com/#0fad2fc2-c0c0-44e4-bcf6-273bea4684fe" label="criar CRL via API" severity="secondary" />
+<Button href="https://api.azion.com/#0fad2fc2-c0c0-44e4-bcf6-273bea4684fe" label="criar CRL via API" type="primary" theme="light" />
 
 Você pode [associar uma ou mais CRLs a um domínio](https://api.azion.com/#b2df23ee-7a28-4900-9ad5-ffd135b4c6cf) via API.
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/edge-firewall.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/edge-firewall.mdx
index 8f0cb2494a..135881c5fd 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/edge-firewall.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/edge-firewall.mdx
@@ -8,7 +8,7 @@ namespace: documentation_products_edge_firewall
 permalink: /documentacao/produtos/secure/firewall/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Firewall é um recurso na plataforma Azion que protege workloads em execução na sua infraestrutura distribuída globalmente, inspecionando e filtrando o tráfego próximo ao solicitante—antes que ele atinja a aplicação.
 Sua arquitetura configurável permite que você combine módulos poderosos—**DDoS Protection**, **Network Shield**, **Web Application Firewall**, **Bot Manager** e **Functions**—para abordar aspectos específicos de inspeção de tráfego e mitigação de ameaças.
@@ -55,7 +55,7 @@ Você pode compartilhar o mesmo conjunto de regras entre todas suas aplicações
 
 Um firewall consiste em um nome de identificação, uma lista de domínios que essas configurações de segurança devem ser aplicadas, quais são os módulos aplicados e quais são as regras de segurança configuradas na aba **Rules Engine**.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/edge-firewall-definir-main-settings/" label="consulte o guia definir main settings" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/secure/edge-firewall-definir-main-settings/" label="consulte o guia definir main settings" type="primary" theme="light" />
 
 :::note[nota]
 Você precisa ativar pelo menos um módulo para que seu firewall funcione.
@@ -69,9 +69,9 @@ Um requisição só chega a sua aplicação caso nenhuma regra configurada a blo
 
 Cada Rule Set é composta de *Criteria* (condicionais) e *Behaviors* (comandos). Se as *Criteria* (condições) forem atendidas, os *Behaviors* (comandos) serão executados. Por exemplo, você pode configurar regras para bloquear requisições provenientes de IPs que estão em uma *lista de bloqueio* ou até mesmo criar regras para excluir IPs que estejam na lista de regras permitidas. Neste exemplo, “block” é o Behavior, enquanto o IP da requisição, que está na *lista de bloqueio* e não está presente nas *regras permitidas*, é a condição (Criteria).
 
-<LinkButton link="/pt-br/documentacao/produtos/secure/firewall/rules-engine/" label="saiba mais sobre rules engine" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/secure/firewall/rules-engine/" label="saiba mais sobre rules engine" type="primary" theme="light" />
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/trabalhar-com-rules-engine/" label="consulte o guia trabalhar com rules engine" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/secure/trabalhar-com-rules-engine/" label="consulte o guia trabalhar com rules engine" type="primary" theme="light" />
 
 A disponibilidade de Criteria e Behaviors no Firewall depende dos módulos ativados durante a configuração principal de um firewall. Veja a lista de Criteria e Behaviors disponíveis para cada módulo do Firewall:
 
@@ -92,21 +92,21 @@ O módulo DDoS Protection é ativado por padrão e não precisa de nenhuma confi
 
 O módulo **DDoS Protection** protege sua aplicação contra ataques do tipo *Distributed Denial of Service (DDoS)*, pois detecta ataques usando algoritmos avançados que são executados na rede distribuída da Azion. Essa rede distribuída está conectada a diversos centros de mitigação de uma forma que conseguimos garantir a mitigação durante ataques de larga escala, tanto a nível de rede quanto a nível de aplicação.
 
-<LinkButton link="/pt-br/documentacao/produtos/secure/firewall/ddos-protection/" label="saiba mais sobre DDoS Protection" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/secure/firewall/ddos-protection/" label="saiba mais sobre DDoS Protection" type="primary" theme="light" />
 
 ### Functions
 
 **Functions para Firewall** é um componente da plataforma da Azion que permite que funções serverless sejam adicionadas a suas aplicações e configurações de firewall, aliviando sua infraestrutura, executando-as mais próximas do usuário final, o que garante agilidade e escalabilidade. Você pode escolher uma função pronta, desenvolvida pela Azion ou por terceiros, ou até mesmo desenvolver a sua própria.
 
-<LinkButton link="/pt-br/documentacao/produtos/secure/firewall/functions/" label="saiba mais sobre Functions para Firewall" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/secure/firewall/functions/" label="saiba mais sobre Functions para Firewall" type="primary" theme="light" />
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/instanciar-functions/" label="consulte o guia instanciar functions" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/secure/instanciar-functions/" label="consulte o guia instanciar functions" type="primary" theme="light" />
 
 ### Network Shield
 
 Este módulo permite a criação de filtros por IP/CIDR, ASN ou por países (geolocalização) através da configuração de **Network Lists** e da definição de regras de negócio que validarão as *Criteria* para bloqueio ou liberação, de acordo com a sua necessidade.
 
-<LinkButton link="/pt-br/documentacao/produtos/secure/firewall/network-shield/" label="saiba mais sobre Network Shield" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/secure/firewall/network-shield/" label="saiba mais sobre Network Shield" type="primary" theme="light" />
 
 ### Web Application Firewall
 
@@ -114,9 +114,9 @@ O **Web Application Firewall (WAF)** da Azion protege suas aplicações contra a
 
 Ele opera na sétima camada do modelo OSI, na camada da aplicação, e é baseado num sistema de pontuação. Cada requisição é comparada com um conjunto rigoroso e detalhado de padrões e recebe uma pontuação, que pode ser associada a uma determinada família de ameaças. De acordo com a pontuação que esta requisição recebe, ela pode ser liberada ou bloqueada. É possível personalizar a sensibilidade desejada e ter um bloqueio diferenciado para cada família de ameaças.
 
-<LinkButton link="/pt-br/documentacao/produtos/secure/firewall/web-application-firewall/" label="saiba mais sobre Web Application Firewall" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/secure/firewall/web-application-firewall/" label="saiba mais sobre Web Application Firewall" type="primary" theme="light" />
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/criar-waf-rule-set/" label="consulte o guia criar waf rule set" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/secure/criar-waf-rule-set/" label="consulte o guia criar waf rule set" type="primary" theme="light" />
 
 ---
 
@@ -128,7 +128,7 @@ O novo firewall clonado terá configurações idênticas ao original, incluindo
 
 Você precisa obter o [ID do firewall](https://api.azion.com/#015cb4a3-8fa2-4625-9792-2cc271e184eb) que deseja clonar e, em seguida, enviar uma requisição POST para cloná-lo, fornecendo um novo nome.
 
-<LinkButton link="https://api.azion.com/#d770fbf5-9676-43e6-aed7-a32441337918" label="clonar um firewall" severity="secondary" />
+<Button href="https://api.azion.com/#d770fbf5-9676-43e6-aed7-a32441337918" label="clonar um firewall" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/edge-functions-for-edge-firewall/edge-functions-instances-para-edge-firewall.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/edge-functions-for-edge-firewall/edge-functions-instances-para-edge-firewall.mdx
index 9cc97a8cf7..a8da47f6c8 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/edge-functions-for-edge-firewall/edge-functions-instances-para-edge-firewall.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/edge-functions-for-edge-firewall/edge-functions-instances-para-edge-firewall.mdx
@@ -9,7 +9,7 @@ namespace: documentation_products_edge_firewall_edge_functions_instances
 permalink: /documentacao/produtos/secure/firewall/functions-instances/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Ativando o módulo de **Functions**, você poderá instanciar funções serverless em seu **Firewall** na Azion, bem como configurar as condições para sua execução. Disponível para os produtos **Application** e **Firewall**, seu uso permite executar funções serveless em nossa robusta rede distribuída de **Edge Nodes**, respondendo a eventos mais próximos do usuário final, garantindo maior escalabilidade e disponibilidade.
 
@@ -29,10 +29,10 @@ Ao instanciar uma **Function**, não é possível alterar seu código fonte, ape
 O campo **Args** em **Functions Instance** suporta no máximo 100KB de argumentos.
 :::
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/instanciar-edge-functions/" label="consulte o guia instanciar functions" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/secure/instanciar-edge-functions/" label="consulte o guia instanciar functions" type="primary" theme="light" />
 
 Para associar um gatilho de execução, basta que a instância seja associada a um **Behavior** de uma Rule do **Rules Engine**, na Request. Assim, quando uma requisição satisfazer os critérios definidos nas regras do **Rules Engine**, a **Function** será invocada e executada diretamente nos Edges Nodes da Azion.
 
 Para saber mais sobre como funcionam e como aplicar algumas dessas Functions, acesse [os guias disponíveis](/pt-br/documentacao/produtos/guias/).
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/trabalhar-com-rules-engine/" label="consulte o guia trabalhar com rules engine" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/secure/trabalhar-com-rules-engine/" label="consulte o guia trabalhar com rules engine" type="primary" theme="light" />
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/mtls.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/mtls.mdx
index cb5764fd5e..30637f0611 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/mtls.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/mtls.mdx
@@ -8,7 +8,7 @@ namespace: documentation_mtls
 permalink: /documentacao/produtos/secure/firewall/mtls/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Mutual Transport Layer Security (mTLS)**, também conhecido como *Mutual Authentication*, é um método de autenticação que valida o certificado digital de ambos os lados de uma requisição, tanto do lado do cliente como do lado do Edge (servidor).
 
@@ -30,7 +30,7 @@ As opções de protocolo estão disponíveis na página de configuração da sua
 O mTLS só estará disponível caso o serviço esteja ativado. Para ativar, entre em contato com nossa [Equipe de Vendas](https://www.azion.com/pt-br/contate-vendas/).
 :::
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/mtls/" label="consulte o guia associar um certificado mTLS a um domínio" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/secure/mtls/" label="consulte o guia associar um certificado mTLS a um domínio" type="primary" theme="light" /> 
 
 ## Certificado Digital com suporte para mTLS (Trusted CA)
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/network-layer-protection/network-layer-protection.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/network-layer-protection/network-layer-protection.mdx
index b79c38a94c..5aef773283 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/network-layer-protection/network-layer-protection.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/network-layer-protection/network-layer-protection.mdx
@@ -10,7 +10,7 @@ namespace: documentation_products_network_layer_protection
 permalink: /documentacao/produtos/secure/firewall/network-shield/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Network Shield** é um módulo de **Firewall** que permite a criação de Network Lists com base no *IP/CIDR* da rede, *geolocalização do usuário* ou *Autonomous System Number (ASN)*. Também é possível utilizar Network Lists automáticas, criadas e atualizadas pela Azion, como a lista de IPs da rede Tor.
 
@@ -72,7 +72,7 @@ Neste exemplo, as requisições originadas de países que estão na lista de blo
 As criteria e behaviors disponíveis na aba Rules Engine dependem de quais módulos de Firewall estão ativados. Saiba mais sobre os [módulos do Firewall](/pt-br/documentacao/produtos/secure/edge-firewall/).
 :::
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/trabalhar-com-rules-engine/" label="consulte o guia trabalhar com rules engine" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/secure/trabalhar-com-rules-engine/" label="consulte o guia trabalhar com rules engine" type="primary" theme="light" />
 
 ## Network Lists
 
@@ -80,7 +80,7 @@ Por meio de **Network Lists**, você pode criar, pesquisar ou atualizar suas lis
 
 Uma única Network List pode ser associada a mais de um firewall. Sempre que uma Network List for atualizada, ela se propagará automaticamente para todos os firewalls associados a ela.
 
-<LinkButton link="/pt-br/documentacao/produtos/secure/edge-firewall/network-layer-protection/network-lists/" label="saiba mais sobre Network Lists" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/secure/edge-firewall/network-layer-protection/network-lists/" label="saiba mais sobre Network Lists" type="primary" theme="light" />
 
 :::tip[dica]
 Se você tiver um *Security Information and Event Management (SIEM)* ou outras ferramentas de segurança em sua infraestrutura, poderá utilizar as Network Lists para manter suas listas de bloqueio *(blocklists)* e de permissão *(allowlists)* sempre atualizadas.
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/network-layer-protection/network-lists.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/network-layer-protection/network-lists.mdx
index 8325821767..e075eb8a7b 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/network-layer-protection/network-lists.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/network-layer-protection/network-lists.mdx
@@ -7,7 +7,7 @@ permalink: >-
   /documentacao/produtos/secure/firewall/network-shield/network-lists/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Network Lists** é um recurso do [Network Shield](/pt-br/documentacao/produtos/secure/firewall/network-shield/), um módulo do **Firewall**. Com o Netwotk Lists, você pode criar e gerenciar *allowlists*, *blocklists* e até mesmo *greylists*, com base na rede, endereço de IP, geolocalização do usuário e *Autonomous System Number (ASN)*. Com esse recurso, é possível prevenir diversos tipos de ataques à sua rede, bem como impedir que usuários mal-intencionados tenham acesso a suas aplicações.
 
@@ -35,7 +35,7 @@ Ao ativar o módulo dentro de um **Firewall**, as *criteria* `Network` e os *beh
 
 Para criar e gerenciar network lists, você precisa ter uma configuração de Firewall com o módulo Network Shield ativado.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/blocklists-enderecos-ip-edge/" label="criar network lists" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/blocklists-enderecos-ip-edge/" label="criar network lists" type="primary" theme="light" /> 
 
 ## Tipos de Network Lists
 
@@ -49,7 +49,7 @@ Depois de criar uma *Network List*, associe-a a uma ou mais **Firewall Rules Set
 
 Para proporcionar ainda mais agilidade aos seus processos, a Azion provê e mantém algumas **Network Lists** atualizadas automaticamente e prontas para usar. Uma delas é a *Network List Azion IP Tor Exit Nodes*, que contém os endereços IP de saídas da rede *Tor* e poderá ser utilizada em uma ou mais Rules, por meio do da condição (*criteria*) Network, de acordo com as necessidades do seu negócio.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/bloquear-redes-tor/" label="consulte o guia bloquear redes Tor" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/secure/bloquear-redes-tor/" label="consulte o guia bloquear redes Tor" type="primary" theme="light" />
 
 :::note[nota]
 O conteúdo das Network Lists providas pela Azion não pode ser editado.
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/rules-engine-edge-firewall.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/rules-engine-edge-firewall.mdx
index 0dfc68c6e6..d451866079 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/rules-engine-edge-firewall.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/rules-engine-edge-firewall.mdx
@@ -8,7 +8,7 @@ namespace: documentation_products_edge_firewall_rules_engine
 permalink: /documentacao/produtos/secure/firewall/rules-engine/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import RulesExecution from '~/includes/snippets/RulesEngineExecution/pt/snippet.mdx'
 import Tag from 'primevue/tag'
 
@@ -27,9 +27,9 @@ Você pode usar o Rules Engine para Firewall para configurar todos os aspectos o
 
 Um firewall pode ter quantas regras forem necessárias. Essas regras também são intercambiáveis, e você pode compartilhar a mesma regra com outras configurações de firewall.
 
-<LinkButton link="/pt-br/documentacao/produtos/edge-firewall/" label="Saiba mais sobre o Firewall" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/edge-firewall/" label="Saiba mais sobre o Firewall" type="primary" theme="light" />
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/trabalhar-com-rules-engine/" label="Consulte o guia para trabalhar com Rules Engine" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/secure/trabalhar-com-rules-engine/" label="Consulte o guia para trabalhar com Rules Engine" type="primary" theme="light" />
 
 ## Implementação
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/web-application-firewall/waf-rule-sets.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/web-application-firewall/waf-rule-sets.mdx
index a7b86c6b3e..30323cadc6 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/web-application-firewall/waf-rule-sets.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/web-application-firewall/waf-rule-sets.mdx
@@ -9,7 +9,7 @@ permalink: >-
   /documentacao/produtos/secure/firewall/web-application-firewall/rule-sets/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 [Web Application Firewall (WAF)](/pt-br/documentacao/produtos/secure/edge-firewall/web-application-firewall/) permite a criação de rule sets para proteger suas applications contra famílias de ameaças.
 
@@ -62,7 +62,7 @@ Após configurar as main settings do WAF com a tabela de **Threat Type Configura
 
 Essa configuração garante que suas definições do WAF sejam implementadas juntamente com outras lógicas de segurança do Firewall.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/trabalhar-com-rules-engine/" label="consulte o guia sobre criar regra" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/secure/trabalhar-com-rules-engine/" label="consulte o guia sobre criar regra" type="primary" theme="light" />
 
 ---
 
@@ -70,7 +70,7 @@ Essa configuração garante que suas definições do WAF sejam implementadas jun
 
 Após concluir a configuração de rule sets do seu WAF e sua application receber tráfego de entrada, você pode usar **Real-Time Metrics** para monitorar requisições e ameaças. Você encontrará gráficos comparando como o WAF processou as requisições e alguns gráficos específicos para diferentes famílias de ameaças.
 
-<LinkButton link="/pt-br/documentacao/produtos/observe/real-time-metrics/#waf" label="saiba mais sobre real-time metrics" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/observe/real-time-metrics/#waf" label="saiba mais sobre real-time metrics" type="primary" theme="light" />
 
 Você também pode realizar análises adicionais sobre as ameaças do WAF usando [Data Stream](/pt-br/documentacao/produtos/observe/data-stream/) e [Real-Time Events](/pt-br/documentacao/produtos/observe/real-time-events/).
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/web-application-firewall/web-application-firewall.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/web-application-firewall/web-application-firewall.mdx
index 40bc45f77e..5d46b1e8fa 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/web-application-firewall/web-application-firewall.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/edge-firewall/web-application-firewall/web-application-firewall.mdx
@@ -9,7 +9,7 @@ namespace: documentation_products_web_application_firewall
 permalink: /documentacao/produtos/secure/firewall/web-application-firewall/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Web Application Firewall (WAF)** é um módulo do Azion **Firewall** desenvolvido para proteger applications contra ameaças do tipo *SQL Injections*, *Remote File Inclusion (RFI)*, *Cross-Site Scripting (XSS)*, *Cross-Site Request Forgery (CSRF)*, *violações de protocolo* (como body vazio em POST), *Code Injection* e outras vulnerabilidades da web, incluindo as [ameaças cibernéticas mais comuns](https://www.azion.com/pt-br/learning/websec/como-waf-protege-contra-ameacas-ciberneticas/#quais-sao-as-ameacas-ciberneticas-mais-comuns). O WAF analisa requisições HTTP e HTTPS, detecta e bloqueia atividades maliciosas, antes que elas cheguem à sua infraestrutura, origem ou servidor.
 
@@ -40,7 +40,7 @@ Para configurar um **WAF Rule Set**, que é como uma configuração de WAF é ch
 Saiba mais sobre os [módulos do Firewall](/pt-br/documentacao/produtos/secure/firewall/) e o [Rules Engine para o Firewall](/pt-br/documentacao/produtos/secure/firewall/rules-engine/).
 :::
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/edge-firewall-definir-main-settings/" label="consulte o guia configurar firewall" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/secure/edge-firewall-definir-main-settings/" label="consulte o guia configurar firewall" type="primary" theme="light" />
 
 ## WAF Main Settings
 
@@ -48,9 +48,9 @@ A seção de **Main Settings** é configurada ativando a proteção contra famí
 
 A tabela de **Threat Type Configuration** categoriza as ameaças em famílias, de acordo com o propósito do ataque.
 
-<LinkButton link="/pt-br/documentacao/produtos/secure/firewall/web-application-firewall/rule-sets/#tipos-de-ameacas" label="saiba mais sobre os tipos de ameaça" severity="secondary" /> <br></br>
+<Button href="/pt-br/documentacao/produtos/secure/firewall/web-application-firewall/rule-sets/#tipos-de-ameacas" label="saiba mais sobre os tipos de ameaça" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/criar-waf-rule-set/" label="consulte o guia sobre criar rule set" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/secure/criar-waf-rule-set/" label="consulte o guia sobre criar rule set" type="primary" theme="light" />
 
 Você também pode ativar ou desativar a proteção para cada família de ameaças individualmente através do switch **Active**.
 
@@ -58,13 +58,13 @@ Os níveis de **Sensitivity** define o rigor com o qual o WAF considera uma requ
 
 Cada nível de sensibilidade tolera um número definido de indícios de ameaças e o score do WAF representa essa quantidade de indícios de ameaças. Quanto mais flexível é o nível de sensibilidade, maior é o score do WAF que ela aceita. Já as sensibilidades mais rígidas aceitam apenas requisições que somaram poucos indícios de ameaças.
 
-<LinkButton link="/pt-br/documentacao/produtos/secure/firewall/web-application-firewall/rule-sets/#niveis-de-sensibilidade" label="saiba mais sobre níveis de sensibilidade" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/secure/firewall/web-application-firewall/rule-sets/#niveis-de-sensibilidade" label="saiba mais sobre níveis de sensibilidade" type="primary" theme="light" />
 
 ## WAF Tuning
 
 **WAF Tuning** é uma ferramenta analítica que exibe as requisições detectadas para cada regra do WAF. Todas as correspondências são exibidas agrupadas pelo **rule ID**, juntamente com informações adicionais para auxiliar na identificação, como **total de hits**, **número de URIs**, **IPs únicos** e outros dados que ajudam na configuração das **Allowed Rules**, garantindo a melhor calibração do WAF para sua aplicação. Você pode filtrar por **Domínio**, **Data**, **Network Lists**, **IP** e **Países**.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/tune-waf/" label="consulte o guia fazer tuning do WAF" severity="secondary" /> 
+<Button href="/pt-br/documentacao/produtos/guias/secure/tune-waf/" label="consulte o guia fazer tuning do WAF" type="primary" theme="light" /> 
 
 Ao selecionar uma Regra listada nos resultados, você pode acessar a tela de **More Details** para visualizar ocorrências relacionadas ao Rule ID selecionado. Isso permite entender e identificar exatamente os casos que devem ser adicionados às **Allowed Rules**, com o suporte de filtros como **Network List**, **País**, **IP** e **Path**.
 
@@ -76,7 +76,7 @@ Para visualizar as requisições identificadas pelo WAF, é necessário informar
 
 Ao clicar no botão **Apply filter**, uma lista de **Possible Attacks** será exibida. Essa lista conta com os campos **Rule ID**, **Description**, **Hits**, **IPs**, **Countries**, **Top 10 IPs Address** e **Top 10 Countries**. Agora você pode selecionar os que precisar e clicar em **Allow Rules** para adicioná-los às Allowed Rules deste WAF.
 
-<LinkButton link="/pt-br/documentacao/produtos/secure/edge-firewall/web-application-firewall/custom-allowed-rules/" label="saiba mais sobre Custom Allowed Rules do WAF" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/secure/edge-firewall/web-application-firewall/custom-allowed-rules/" label="saiba mais sobre Custom Allowed Rules do WAF" type="primary" theme="light" />
 
 ## Allowed Rules
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/workloads/workloads.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/workloads/workloads.mdx
index 9b980f68ad..d320dab75c 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/secure/workloads/workloads.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/secure/workloads/workloads.mdx
@@ -7,7 +7,7 @@ namespace: documentation_products_secure_workloads
 permalink: /documentacao/produtos/secure/workloads/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 import Apiv4Rollout from '~/includes/snippets/apiv4Rollout/pt/snippet.mdx'
 
@@ -158,7 +158,7 @@ A tabela abaixo mostra os ciphers disponíveis em cada cipher suite.
 | AES256-GCM-SHA384                | ✔︎           | ✕            | ✕            | ✕            |
 | AES128-SHA256                    | ✔︎           | ✕            | ✕            | ✕            |
 
-<LinkButton link="/en/documentation/products/guides/secure/ciphers/" label="ir para o guia de configuração de cipher suite TLS" severity="secondary" />
+<Button href="/en/documentation/products/guides/secure/ciphers/" label="ir para o guia de configuração de cipher suite TLS" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/store/edge-sql/edge-sql.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/store/edge-sql/edge-sql.mdx
index 79ba30392e..184d6e1b77 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/store/edge-sql/edge-sql.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/store/edge-sql/edge-sql.mdx
@@ -10,7 +10,7 @@ permalink: /documentacao/produtos/store/sql-database/
 ---
 
 import Tag from 'primevue/tag'
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 <Tag severity="info" client:only="vue">
   Preview
@@ -125,8 +125,8 @@ Você pode interagir com o SQL Database diretamente do seu terminal usando [o pr
 
 Consulte a documentação abaixo para detalhes sobre como instalar e usar o EdgeSQL Shell.
 
-<LinkButton link="/pt-br/documentacao/produtos/store/sql/install-edge-sql-shell/" label="Ir para o guia de instalação do SQL Database Shell" severity="secondary" /> 
-<LinkButton link="/pt-br/documentacao/produtos/store/sql/edge-sql-shell-commands/" label="Ir para a referência de comandos do SQL Database Shell" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/store/sql/install-edge-sql-shell/" label="Ir para o guia de instalação do SQL Database Shell" type="primary" theme="light" /> 
+<Button href="/pt-br/documentacao/produtos/store/sql/edge-sql-shell-commands/" label="Ir para a referência de comandos do SQL Database Shell" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/menu-principal/referencia/store/edge-storage/index.mdx b/src/content/docs/pt-br/pages/menu-principal/referencia/store/edge-storage/index.mdx
index b6e87fb1c6..beac128c1b 100644
--- a/src/content/docs/pt-br/pages/menu-principal/referencia/store/edge-storage/index.mdx
+++ b/src/content/docs/pt-br/pages/menu-principal/referencia/store/edge-storage/index.mdx
@@ -12,7 +12,7 @@ permalink: /documentacao/produtos/store/object-storage/
 ---
 
 import Tag from 'primevue/tag';
-import LinkButton from 'azion-webkit/linkbutton';
+import Button from 'azion-webkit/components/Button';
 
 <Tag severity="info" client:only="vue">
   Preview
@@ -382,7 +382,7 @@ O protocolo S3 permite acessar buckets e objetos usando a URL de Object Storage.
 
 Você pode usar a access key e secret key fornecidas pela [API de credenciais S3](https://api.azion.com) para configurar uma conexão usando o protocolo S3.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/protocolo-s3-para-edge-storage/" label="saiba Como acessar o Object Storage usando o protocolo S3" severity="secondary"/>
+<Button href="/pt-br/documentacao/produtos/guias/protocolo-s3-para-edge-storage/" label="saiba Como acessar o Object Storage usando o protocolo S3" type="primary" theme="light" />
 
 Para fazer isso, você precisará das seguintes informações:
 
diff --git a/src/content/docs/pt-br/pages/observe-jornada/analisar-logs.mdx b/src/content/docs/pt-br/pages/observe-jornada/analisar-logs.mdx
index 5e26efcf2a..2d5b6ad6e0 100644
--- a/src/content/docs/pt-br/pages/observe-jornada/analisar-logs.mdx
+++ b/src/content/docs/pt-br/pages/observe-jornada/analisar-logs.mdx
@@ -7,13 +7,13 @@ permalink: /documentacao/produtos/observe/analisar-logs/
 menu_namespace: observeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Real-Time Events** permite que você consulte e analise logs brutos em tempo real. Cada fonte de dados exibe informações detalhadas para logs de eventos relacionados ao acesso, comportamento e desempenho de produtos conectados às suas applications.
 
 Assim que suas aplicações começarem a receber tráfego, você poderá diagnosticar dados por meio de Real-Time Events.
 
-<LinkButton link="/pt-br/documentacao/produtos/observe/real-time-events/" label="saiba mais sobre real-time events" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/observe/real-time-events/" label="saiba mais sobre real-time events" type="primary" theme="light" target="_blank" />
 
 Para começar a gerar dados e diagnosticar seus logs:
 
diff --git a/src/content/docs/pt-br/pages/observe-jornada/data-stream/configuracoes-avancadas/selecionar-variaveis.mdx b/src/content/docs/pt-br/pages/observe-jornada/data-stream/configuracoes-avancadas/selecionar-variaveis.mdx
index f70ea438e6..c906f5f0b7 100644
--- a/src/content/docs/pt-br/pages/observe-jornada/data-stream/configuracoes-avancadas/selecionar-variaveis.mdx
+++ b/src/content/docs/pt-br/pages/observe-jornada/data-stream/configuracoes-avancadas/selecionar-variaveis.mdx
@@ -7,7 +7,7 @@ permalink: /documentacao/produtos/guias/observe/data-stream-selecionar-variaveis
 menu_namespace: observeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Os dados transmitidos pelo **Data Stream** para seus conectores são decididos de acordo com as variáveis que você escolhe usar. Cada variável fornece uma informação ou conjunto de informações específicos e está associada a um data source específico.
 
@@ -21,7 +21,7 @@ Você tem a opção de usar um [template pré-definido](#use-um-template-pre-def
 
 Se você estiver configurando um conector para receber o máximo de informações possível, por exemplo, de uma application, usar um template pré-definido pode ser a melhor escolha. Nesse caso, você usará o template **Applications + WAF Event Collector** via Azion Console ou o template **http** via API.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/como-usar-data-stream/" label="saiba mais sobre configurar um stream" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/como-usar-data-stream/" label="saiba mais sobre configurar um stream" type="primary" theme="light" />
 
 ---
 
@@ -37,8 +37,8 @@ Criar um template personalizável permite que você escolha, da [lista de variá
 
 Neste caso, você poderia usar, por exemplo, as variáveis `$status`, `$proxy_status` e `$upstream_status`. Você também poderá editar o stream e adicionar novas variáveis se perceber que elas não estão fornecendo todas as informações necessárias.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/data-stream-template-personalizado/" label="ir para o guia de custom template via Azion Console" severity="secondary" /> <br /><br />
+<Button href="/pt-br/documentacao/produtos/guias/data-stream-template-personalizado/" label="ir para o guia de custom template via Azion Console" type="primary" theme="light" /> <br /><br />
 
-<LinkButton link="https://api.azion.com/#9c6226e7-a271-4f7d-9a53-5bc44ffb1ba9" label="ir para a requisição de custom template via api" severity="secondary" />
+<Button href="https://api.azion.com/#9c6226e7-a271-4f7d-9a53-5bc44ffb1ba9" label="ir para a requisição de custom template via api" type="primary" theme="light" />
 ---
 
diff --git a/src/content/docs/pt-br/pages/observe-jornada/data-stream/editar-stream/adicionar-payload.mdx b/src/content/docs/pt-br/pages/observe-jornada/data-stream/editar-stream/adicionar-payload.mdx
index 1c14a638af..107a5562f8 100644
--- a/src/content/docs/pt-br/pages/observe-jornada/data-stream/editar-stream/adicionar-payload.mdx
+++ b/src/content/docs/pt-br/pages/observe-jornada/data-stream/editar-stream/adicionar-payload.mdx
@@ -7,7 +7,7 @@ permalink: /documentacao/produtos/guias/observe/data-stream-adicionar-payload/
 menu_namespace: observeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 import JourneyAPI from '~/includes/snippets/JourneyAPI/pt/snippet.mdx'
 
diff --git a/src/content/docs/pt-br/pages/observe-jornada/data-stream/troubleshoot/monitorar-metricas.mdx b/src/content/docs/pt-br/pages/observe-jornada/data-stream/troubleshoot/monitorar-metricas.mdx
index 2b45da1e62..860e94c14b 100644
--- a/src/content/docs/pt-br/pages/observe-jornada/data-stream/troubleshoot/monitorar-metricas.mdx
+++ b/src/content/docs/pt-br/pages/observe-jornada/data-stream/troubleshoot/monitorar-metricas.mdx
@@ -9,7 +9,7 @@ permalink: /documentacao/produtos/observe/troubleshoot/data-stream-monitorar-met
 menu_namespace: observeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Depois de [criar um stream](/pt-br/documentacao/produtos/guias/como-usar-data-stream/), você também pode usar outros produtos [Observe](/pt-br/documentacao/produtos/observe/) para monitorar como o Data Stream está processando e enviando requisições para o conector configurado.
 
@@ -23,10 +23,10 @@ Depois de [criar um stream](/pt-br/documentacao/produtos/guias/como-usar-data-st
 
 Para monitorar como o Data Stream transmite seus logs:
 
-<LinkButton link="/pt-br/documentacao/produtos/observe/real-time-metrics/#data-stream" label="ver métricas agregadas" severity="secondary" /> <br></br>
+<Button href="/pt-br/documentacao/produtos/observe/real-time-metrics/#data-stream" label="ver métricas agregadas" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/pt-br/documentacao/devtools/graphql-api/recursos/#conjuntos-de-dados" label="consultar dados" severity="secondary" /> <br></br>
+<Button href="/pt-br/documentacao/devtools/graphql-api/recursos/#conjuntos-de-dados" label="consultar dados" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/pt-br/documentacao/produtos/observe/real-time-events/#data-stream" label="ver dados brutos" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/observe/real-time-events/#data-stream" label="ver dados brutos" type="primary" theme="light" />
 ---
 
diff --git a/src/content/docs/pt-br/pages/observe-jornada/monitorar-aplicacoes.mdx b/src/content/docs/pt-br/pages/observe-jornada/monitorar-aplicacoes.mdx
index 6098f8b8a0..c494ec7f6c 100644
--- a/src/content/docs/pt-br/pages/observe-jornada/monitorar-aplicacoes.mdx
+++ b/src/content/docs/pt-br/pages/observe-jornada/monitorar-aplicacoes.mdx
@@ -7,13 +7,13 @@ permalink: /documentacao/produtos/observe/monitorar-aplicacoes/
 menu_namespace: observeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Real-Time Metrics** permite que você monitore suas aplicações em tempo real. As métricas são exibidas por meio de gráficos que fornecem informações relacionadas ao acesso, comportamento e desempenho de produtos conectados às suas aplicações de borda.
 
 Assim que suas aplicações começarem a receber tráfego, você poderá visualizar dados por meio do Real-Time Metrics.
 
-<LinkButton link="/pt-br/documentacao/produtos/observe/real-time-metrics/" label="ir para referência do real-time metrics" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/observe/real-time-metrics/" label="ir para referência do real-time metrics" type="primary" theme="light" target="_blank" />
 
 Para começar a gerar dados e visualizar suas métricas:
 
diff --git a/src/content/docs/pt-br/pages/observe-jornada/real-time-events/analise-logs/analise-dados-navegacao.mdx b/src/content/docs/pt-br/pages/observe-jornada/real-time-events/analise-logs/analise-dados-navegacao.mdx
index db963b7cea..9b82dbfa4e 100644
--- a/src/content/docs/pt-br/pages/observe-jornada/real-time-events/analise-logs/analise-dados-navegacao.mdx
+++ b/src/content/docs/pt-br/pages/observe-jornada/real-time-events/analise-logs/analise-dados-navegacao.mdx
@@ -9,12 +9,12 @@ permalink: /documentacao/produtos/guias/observe/analisar-dados-navegacao/
 menu_namespace: observeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 
 Se você usa o [Edge Pulse](/pt-br/documentacao/produtos/observe/edge-pulse/primeiros-passos/) para coletar dados de navegação adicionando uma das **tags JavaScript do Edge Pulse** disponíveis em suas páginas, você pode analisar os dados coletados no **Real-Time Events**.
 
-<LinkButton link="/pt-br/documentacao/produtos/observe/edge-pulse/#edge-pulse-javascript-tag" label="saiba mais sobre tags JavaScript" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/observe/edge-pulse/#edge-pulse-javascript-tag" label="saiba mais sobre tags JavaScript" type="primary" theme="light" />
 
 ---
 
@@ -32,6 +32,6 @@ As categorias para os dados coletados são:
 
 Com a análise, você pode aprimorar seu conteúdo e experiência do usuário.
 
-<LinkButton link="/pt-br/documentacao/produtos/observe/real-time-events/#edge-pulse" label="ir para lista de variáveis" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/observe/real-time-events/#edge-pulse" label="ir para lista de variáveis" type="primary" theme="light" />
 ---
 
diff --git a/src/content/docs/pt-br/pages/observe-jornada/real-time-events/analise-logs/entenda-logs.mdx b/src/content/docs/pt-br/pages/observe-jornada/real-time-events/analise-logs/entenda-logs.mdx
index ba143b0fd9..f526ca9408 100644
--- a/src/content/docs/pt-br/pages/observe-jornada/real-time-events/analise-logs/entenda-logs.mdx
+++ b/src/content/docs/pt-br/pages/observe-jornada/real-time-events/analise-logs/entenda-logs.mdx
@@ -7,7 +7,7 @@ permalink: /documentacao/produtos/guias/observe/entender-logs/
 menu_namespace: observeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Sua análise usando **Real-Time Events** depende das variáveis que você escolhe usar. Cada data source possui um conjunto de variáveis pré-definidas que fornecem informações sobre o acesso, comportamento e desempenho de suas applications e produtos relacionados.
 
@@ -15,7 +15,7 @@ Você pode encontrar todas as variáveis disponíveis, suas descrições e exemp
 
 Você tem a opção de fazer uma [consulta geral](#realize-uma-consulta-geral) e receber todas as variáveis e valores possíveis ou realizar uma [consulta filtrada](#realize-uma-consulta-filtrada), para que você possa decidir quais variáveis serão consultadas.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/observe/adicionar-filtros-events/" label="consulte o guia para adicionar de filtros" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/guias/observe/adicionar-filtros-events/" label="consulte o guia para adicionar de filtros" type="primary" theme="light" target="_blank" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/observe-jornada/real-time-events/analise-logs/investigue-requisicoes.mdx b/src/content/docs/pt-br/pages/observe-jornada/real-time-events/analise-logs/investigue-requisicoes.mdx
index 2fa2d53e55..7aa5bb7b6a 100644
--- a/src/content/docs/pt-br/pages/observe-jornada/real-time-events/analise-logs/investigue-requisicoes.mdx
+++ b/src/content/docs/pt-br/pages/observe-jornada/real-time-events/analise-logs/investigue-requisicoes.mdx
@@ -9,7 +9,7 @@ permalink: /documentacao/produtos/guias/observe/investigar-requisicoes-api-graph
 menu_namespace: observeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Um monitoramento constante pode ajudá-lo a identificar comportamentos incomuns em suas aplicações e possíveis ataques. Para este guia, você usará um cenário de exemplo em que há requisições vindas do Brasil, um país do qual você não deseja permitir acesso, e você deseja filtrar as requisições do Chile, o país de onde vêm a maioria das requisições seguras.
 
@@ -127,7 +127,7 @@ Depois de identificar um país ao qual você não deseja permitir acesso à sua
 
 Para que sua network list funcione, você precisa ir para **Firewall** > **Rules Engine** e criar uma regra associada à lista de rede que você acabou de criar.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/blocklists-enderecos-ip-edge/#associe-a-network-list-a-um-edge-firewall" label="consulte o guia de associar uma network list a uma regra" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/guias/blocklists-enderecos-ip-edge/#associe-a-network-list-a-um-edge-firewall" label="consulte o guia de associar uma network list a uma regra" type="primary" theme="light" target="_blank" />
 
 Após o tempo de propagação da regra, seu domínio, associado ao firewall ao qual você adicionou na lista, bloqueará todas as requisições desse país. Neste caso, Brasil.
 
diff --git a/src/content/docs/pt-br/pages/observe-jornada/real-time-events/integracoes/grafana-boas-praticas.mdx b/src/content/docs/pt-br/pages/observe-jornada/real-time-events/integracoes/grafana-boas-praticas.mdx
index 0e981cf47f..8a7e3b4b69 100644
--- a/src/content/docs/pt-br/pages/observe-jornada/real-time-events/integracoes/grafana-boas-praticas.mdx
+++ b/src/content/docs/pt-br/pages/observe-jornada/real-time-events/integracoes/grafana-boas-praticas.mdx
@@ -9,11 +9,11 @@ permalink: /documentacao/produtos/guias/observe/boas-praticas-grafana/
 menu_namespace: observeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 O data source plugin da Azion no Grafana permite que você personalize dashboards com seus dados da Azion. 
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/observe/integrar-grafana/" label="consulte o guia para integrar o grafana" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/guias/observe/integrar-grafana/" label="consulte o guia para integrar o grafana" type="primary" theme="light" target="_blank" />
 
 Ao usar o Grafana, existem algumas boas práticas que você pode utilizar:
 
diff --git a/src/content/docs/pt-br/pages/observe-jornada/real-time-events/integracoes/grafana-plugin-custom-table.mdx b/src/content/docs/pt-br/pages/observe-jornada/real-time-events/integracoes/grafana-plugin-custom-table.mdx
index 034fe13e7a..f3e93fc730 100644
--- a/src/content/docs/pt-br/pages/observe-jornada/real-time-events/integracoes/grafana-plugin-custom-table.mdx
+++ b/src/content/docs/pt-br/pages/observe-jornada/real-time-events/integracoes/grafana-plugin-custom-table.mdx
@@ -8,11 +8,11 @@ permalink: >-
 menu_namespace: observeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Com o data source plugin, você consegue personalizar seu próprio dashboard para visualizar os dados que desejar.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/observe/integrar-grafana/" label="saiba mais sobre integrar com grafana" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/guias/observe/integrar-grafana/" label="saiba mais sobre integrar com grafana" type="primary" theme="light" target="_blank" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/observe-jornada/real-time-metrics/integracoes/grafana-plugin-dash-pre-config.mdx b/src/content/docs/pt-br/pages/observe-jornada/real-time-metrics/integracoes/grafana-plugin-dash-pre-config.mdx
index 85cdafb28a..e484572a40 100644
--- a/src/content/docs/pt-br/pages/observe-jornada/real-time-metrics/integracoes/grafana-plugin-dash-pre-config.mdx
+++ b/src/content/docs/pt-br/pages/observe-jornada/real-time-metrics/integracoes/grafana-plugin-dash-pre-config.mdx
@@ -9,11 +9,11 @@ permalink: /documentacao/produtos/guias/azion-plugin-grafana-dash-pre-configurad
 menu_namespace: observeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Com o data source plugin, você consegue usar o dashboard pré-configurado de Application para visualizar seus dados com um esforço mínimo de configuração.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/observe/integrar-grafana/" label="saiba mais sobre integrar com grafana" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/guias/observe/integrar-grafana/" label="saiba mais sobre integrar com grafana" type="primary" theme="light" target="_blank" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/observe-jornada/real-time-metrics/integracoes/grafana-plugin-personalizar-dash.mdx b/src/content/docs/pt-br/pages/observe-jornada/real-time-metrics/integracoes/grafana-plugin-personalizar-dash.mdx
index 9e687f3a4f..ef84773298 100644
--- a/src/content/docs/pt-br/pages/observe-jornada/real-time-metrics/integracoes/grafana-plugin-personalizar-dash.mdx
+++ b/src/content/docs/pt-br/pages/observe-jornada/real-time-metrics/integracoes/grafana-plugin-personalizar-dash.mdx
@@ -9,11 +9,11 @@ permalink: /documentacao/produtos/guias/azion-plugin-grafana/
 menu_namespace: observeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Com o data source plugin, você consegue personalizar seu próprio dashboard para visualizar os dados que desejar.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/observe/integrar-grafana/" label="saiba mais sobre integrar com grafana" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/guias/observe/integrar-grafana/" label="saiba mais sobre integrar com grafana" type="primary" theme="light" target="_blank" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/observe-jornada/real-time-metrics/monitorar-metricas/analisar-metricas.mdx b/src/content/docs/pt-br/pages/observe-jornada/real-time-metrics/monitorar-metricas/analisar-metricas.mdx
index 17e1e67689..40dac56aa8 100644
--- a/src/content/docs/pt-br/pages/observe-jornada/real-time-metrics/monitorar-metricas/analisar-metricas.mdx
+++ b/src/content/docs/pt-br/pages/observe-jornada/real-time-metrics/monitorar-metricas/analisar-metricas.mdx
@@ -7,7 +7,7 @@ permalink: /documentacao/produtos/guias/observe/analisar-metricas/
 menu_namespace: observeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Sua análise usando o **Real-Time Metrics** depende do [produto que você escolher](/pt-br/documentacao/produtos/observe/real-time-metrics/#escolha-de-produto-para-visualizar-metricas) usar e de seus campos disponíveis. Cada produto possui campos específicos que geram os gráficos, fornecendo informações sobre o acesso, comportamento e desempenho de suas applications e produtos relacionados.
 
@@ -19,7 +19,7 @@ Depois de escolher um produto para visualizar os gráficos e realizar uma análi
 
 O Real-Time Metrics fornece uma visualização padrão com gráficos exibindo campos predefinidos, mas você pode adicionar filtros para visualizar dados mais específicos.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/observe/adicionar-filtros-metrics/" label="consulte o guia sobre adicionar filtros" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/guias/observe/adicionar-filtros-metrics/" label="consulte o guia sobre adicionar filtros" type="primary" theme="light" target="_blank" />
 
 Para analisar métricas:
 
diff --git a/src/content/docs/pt-br/pages/observe-jornada/transmitir-dados.mdx b/src/content/docs/pt-br/pages/observe-jornada/transmitir-dados.mdx
index 6c4b769210..023e59ef8c 100644
--- a/src/content/docs/pt-br/pages/observe-jornada/transmitir-dados.mdx
+++ b/src/content/docs/pt-br/pages/observe-jornada/transmitir-dados.mdx
@@ -9,13 +9,13 @@ permalink: /documentacao/produtos/observe/transmitir-dados/
 menu_namespace: observeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Data Stream** permite que você transmita seus logs de applications da Azion para plataformas de processamento de stream, SIEM e big data. Todos os logs são baseados em eventos relacionados a produtos conectados às suas aplicações.
 
 Através de conectores, você pode configurar um stream para transmitir automaticamente seus logs. Isso permitirá que você tenha um conjunto organizado de logs na plataforma de análise de sua escolha e analise o desempenho do seu conteúdo e aplicações.
 
-<LinkButton link="/pt-br/documentacao/produtos/observe/data-stream/" label="go to Data Stream reference" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/observe/data-stream/" label="go to Data Stream reference" type="primary" theme="light" target="_blank" />
 
 Para começar a gerar logs e configurá-los em um stream:
 
diff --git a/src/content/docs/pt-br/pages/observe-jornada/visao-geral.mdx b/src/content/docs/pt-br/pages/observe-jornada/visao-geral.mdx
index 5ad7a2a4a6..02a474f5dd 100644
--- a/src/content/docs/pt-br/pages/observe-jornada/visao-geral.mdx
+++ b/src/content/docs/pt-br/pages/observe-jornada/visao-geral.mdx
@@ -11,7 +11,7 @@ permalink: /documentacao/produtos/observe/visao-geral/
 menu_namespace: observeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Os produtos de Observe da Azion auxiliam você no monitoramento e acesso a informações relacionadas aos seus dados. Você pode analisá-los na Azion Web Platform ou conectar seus dados a plataformas de terceiros, melhorando sua compreensão do seu conteúdo, como seus usuários estão acessando elas, obtendo insights sobre desempenho e segurança e tomando decisões mais informadas.
 
@@ -23,7 +23,7 @@ Você também pode usar a [API GraphQL](/pt-br/documentacao/devtools/graphql-api
 
 ![Visão geral do fluxo de uma consulta no Real-Time Metrics](/assets/docs/images/uploads/real-time-metrics-overview.png)
 
-<LinkButton link="/pt-br/documentacao/produtos/observe/monitorar-aplicacoes/" label="ir para monitorar aplicações" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/observe/monitorar-aplicacoes/" label="ir para monitorar aplicações" type="primary" theme="light" target="_blank" />
 
 ## Real-Time Events
 
@@ -33,7 +33,7 @@ Você também pode usar a [API GraphQL](/pt-br/documentacao/devtools/graphql-api
 
 ![Visão geral do fluxo de uma consulta no Real-Time Events](/assets//docs/images/uploads/real-time-events-overview.png)
 
-<LinkButton link="/pt-br/documentacao/produtos/observe/analisar-logs/" label="ir para analisar logs" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/observe/analisar-logs/" label="ir para analisar logs" type="primary" theme="light" target="_blank" />
 
 ## Data Stream
 
@@ -41,12 +41,12 @@ Transmita seus dados em tempo real para plataformas de terceiros para ajudar a e
 
 ![Visão geral do fluxo do Data Stream](/assets/docs/images/uploads/data-stream-overview.png)
 
-<LinkButton link="/pt-br/documentacao/produtos/observe/transmitir-dados/" label="ir para transmitir dados" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/observe/transmitir-dados/" label="ir para transmitir dados" type="primary" theme="light" target="_blank" />
 
 ## Edge Pulse
 
 Colete dados de navegação adicionando tags nas páginas do seu navegador para entender como seu conteúdo está sendo acessado e melhorar a experiência do usuário.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/observe/analisar-dados-navegacao/" label="ir coletar dados de navegação" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/guias/observe/analisar-dados-navegacao/" label="ir coletar dados de navegação" type="primary" theme="light" target="_blank" />
 ---
 
diff --git a/src/content/docs/pt-br/pages/secure-jornada/automatizar/edge-functions-apis.mdx b/src/content/docs/pt-br/pages/secure-jornada/automatizar/edge-functions-apis.mdx
index 8ef7c019f1..b529b5e7ac 100644
--- a/src/content/docs/pt-br/pages/secure-jornada/automatizar/edge-functions-apis.mdx
+++ b/src/content/docs/pt-br/pages/secure-jornada/automatizar/edge-functions-apis.mdx
@@ -8,7 +8,7 @@ namespace: documentation_secure_automate_functions
 permalink: /documentacao/produtos/secure/automatizar/functions/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 ## Functions e Firewall
 
@@ -34,7 +34,7 @@ As functions da Azion para o firewall são executadas na fase de requisição e
 
 3. O Rules Engine para Firewall retoma o processamento, com base no resultado, a partir do ponto em que o comportamento foi acionado.
 
-<LinkButton link="/pt-br/documentacao/produtos/secure/edge-firewall/edge-functions/" label="saiba mais sobre Functions para Firewall" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/secure/edge-firewall/edge-functions/" label="saiba mais sobre Functions para Firewall" type="primary" theme="light" target="_blank" />
 
 ---
 
@@ -42,8 +42,8 @@ As functions da Azion para o firewall são executadas na fase de requisição e
 
 O [Azion Runtime](/pt-br/documentacao/runtime/visao-geral/) suporta uma lista de APIs que permitem a manipulação de [metadados](/pt-br/documentacao/produtos/secure/automarizar/functions/#metadados) e o uso de [network lists](/pt-br/documentacao/produtos/secure/automarizar/functions/#network-list) para ajudar na implementação da lógica.
 
-<LinkButton link="/pt-br/documentacao/produtos/edge-application/edge-functions/runtime-apis/javascript/" label="saiba mais sobre as APIs Web suportadas" severity="secondary" target="_blank" />
-<LinkButton link="/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade/node/" label="saiba mais sobre a compatibilidade com Node.js" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/edge-application/edge-functions/runtime-apis/javascript/" label="saiba mais sobre as APIs Web suportadas" type="primary" theme="light" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade/node/" label="saiba mais sobre a compatibilidade com Node.js" type="primary" theme="light" target="_blank" />
 
 ### Metadados
 
@@ -52,7 +52,7 @@ A API de Metadados permite o acesso a um conjunto de metadados que podem ser man
 - Filtrar e gerenciar o acesso à sua aplicação
 - Aplicar lógica específica em diferentes cenários com base no GeoIP
 
-<LinkButton link="/pt-br/documentacao/produtos/edge-application/edge-functions/runtime/api-reference/metadata/" label="saiba mais sobre a API de metadados" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/edge-application/edge-functions/runtime/api-reference/metadata/" label="saiba mais sobre a API de metadados" type="primary" theme="light" target="_blank" />
 
 ### Network list
 
@@ -64,8 +64,8 @@ Os IPs listados podem ser usados para gerenciamento de:
 - Blocklists
 - Greylists
 
-<LinkButton link="/pt-br/documentacao/produtos/edge-application/edge-functions/runtime/api-reference/network-list/" label="saiba mais sobre a API de Network Lists" severity="secondary" target="_blank" />
-<LinkButton link="/pt-br/documentacao/produtos/secure/edge-firewall/network-layer-protection/network-lists/" label="saiba mais sobre Network Lists na Azion" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/edge-application/edge-functions/runtime/api-reference/network-list/" label="saiba mais sobre a API de Network Lists" type="primary" theme="light" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/secure/edge-firewall/network-layer-protection/network-lists/" label="saiba mais sobre Network Lists na Azion" type="primary" theme="light" target="_blank" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/secure-jornada/automatizar/integrar-siems.mdx b/src/content/docs/pt-br/pages/secure-jornada/automatizar/integrar-siems.mdx
index 4b311c024e..b2ed9fd017 100644
--- a/src/content/docs/pt-br/pages/secure-jornada/automatizar/integrar-siems.mdx
+++ b/src/content/docs/pt-br/pages/secure-jornada/automatizar/integrar-siems.mdx
@@ -8,14 +8,14 @@ namespace: docs_secure_automate_integrate_siems
 permalink: /documentacao/produtos/secure/automatizar/integrar-siems/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 import Code from '~/components/Code/Code.astro'
 
 
 Seus registros do [Web Application Firewall (WAF)](/pt-br/documentacao/produtos/secure/edge-firewall/web-application-firewall/) podem ser integrados a plataformas Security Information and Event Management (SIEM) por meio do **Data Stream** para monitorar comportamentos, desempenho e segurança de suas applications.
 
-<LinkButton link="/pt-br/documentacao/produtos/observe/data-stream/" label="saiba mais sobre Data Stream" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/observe/data-stream/" label="saiba mais sobre Data Stream" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/secure-jornada/automatizar/sdk.mdx b/src/content/docs/pt-br/pages/secure-jornada/automatizar/sdk.mdx
index c0147f89cc..a07dedbc0f 100644
--- a/src/content/docs/pt-br/pages/secure-jornada/automatizar/sdk.mdx
+++ b/src/content/docs/pt-br/pages/secure-jornada/automatizar/sdk.mdx
@@ -9,13 +9,13 @@ namespace: documentation_secure_automate_sdk
 permalink: /documentacao/produtos/secure/automatizar/sdk/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 O Azion SDK para Go serve como um poderoso conjunto de ferramentas para desenvolvedores, projetado para simplificar a integração dos serviços de API da Azion em aplicações da linguagem de programação Go.
 
 Esta ferramenta facilita a interação com as APIs da Azion, capacitando os desenvolvedores a gerenciar eficientemente os recursos de segurança por meio de aplicações programáveis.
 
-<LinkButton link="/pt-br/documentacao/devtools/sdk/go/" label="saiba mais sobre o Azion SDK" severity="secondary" />
+<Button href="/pt-br/documentacao/devtools/sdk/go/" label="saiba mais sobre o Azion SDK" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/secure-jornada/editar-edge-firewall/editar-main-settings.mdx b/src/content/docs/pt-br/pages/secure-jornada/editar-edge-firewall/editar-main-settings.mdx
index 3a4190f6e5..a5a3703572 100644
--- a/src/content/docs/pt-br/pages/secure-jornada/editar-edge-firewall/editar-main-settings.mdx
+++ b/src/content/docs/pt-br/pages/secure-jornada/editar-edge-firewall/editar-main-settings.mdx
@@ -6,7 +6,7 @@ namespace: docs_guides_secure_configure_main_settings
 permalink: /documentacao/produtos/guias/secure/firewall-definir-main-settings/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag'
 import Tabs from '~/components/tabs/Tabs'
 import Code from '~/components/Code/Code.astro'
@@ -28,7 +28,7 @@ Nesta seção, você modificará as principais configurações de seus firewalls
 3. Dê ao seu firewall um nome único e fácil de lembrar.
 
 Se quiser proteger seu domínio com um firewall, veja o guia abaixo.
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/proteja-seu-dominio/" label="Saiba mais sobre como proteger seu domínio" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/secure/proteja-seu-dominio/" label="Saiba mais sobre como proteger seu domínio" type="primary" theme="light" />
 
 ### Módulos
 
@@ -54,7 +54,7 @@ Você pode escolher entre a lista de módulos: você pode selecionar um, alguns,
 
 Você também encontrará um switch chamado **Debug Rules**. Se você ativar o switch, ativará o recurso que permite verificar se as regras que você criou usando o Rules Engine para Firewall foram executadas com sucesso em sua aplicação.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/debug-regras/" label="saiba mais sobre debug de regras" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/debug-regras/" label="saiba mais sobre debug de regras" type="primary" theme="light" />
 
 ### Status
 
diff --git a/src/content/docs/pt-br/pages/secure-jornada/editar-zona/editar-main-settings.mdx b/src/content/docs/pt-br/pages/secure-jornada/editar-zona/editar-main-settings.mdx
index fe6c5f0826..ddf403b916 100644
--- a/src/content/docs/pt-br/pages/secure-jornada/editar-zona/editar-main-settings.mdx
+++ b/src/content/docs/pt-br/pages/secure-jornada/editar-zona/editar-main-settings.mdx
@@ -6,7 +6,7 @@ namespace: docs_guides_secure_idns_configure_main_settings
 permalink: /documentacao/produtos/guias/secure/edge-dns-definir-main-settings/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 import Code from '~/components/Code/Code.astro'
 
@@ -46,7 +46,7 @@ Ao hospedar seu domínio no Edge DNS da Azion, você deve alterar os servidores
 - ns3.aziondns.org
 :::
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/adicionar-registros/" label="consulte o guia de adicionar registros" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/secure/adicionar-registros/" label="consulte o guia de adicionar registros" type="primary" theme="light" />
 </Fragment>
 
 <Fragment slot="panel.api">
@@ -109,7 +109,7 @@ Confira a [documentação da API da Azion](https://api.azion.com/) para saber ma
 
 Depois de configurar suas main settings, você pode adicionar registros ao seu Edge DNS.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/adicionar-registros/" label="consulte o guia de adicionar registros" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/secure/adicionar-registros/" label="consulte o guia de adicionar registros" type="primary" theme="light" />
 </Fragment>
 
 </Tabs>
diff --git a/src/content/docs/pt-br/pages/secure-jornada/firewall-configuracoes-avancadas/bloquear-redes-tor.mdx b/src/content/docs/pt-br/pages/secure-jornada/firewall-configuracoes-avancadas/bloquear-redes-tor.mdx
index 0d499aa620..1fb31f1c09 100644
--- a/src/content/docs/pt-br/pages/secure-jornada/firewall-configuracoes-avancadas/bloquear-redes-tor.mdx
+++ b/src/content/docs/pt-br/pages/secure-jornada/firewall-configuracoes-avancadas/bloquear-redes-tor.mdx
@@ -9,7 +9,7 @@ namespace: docs_secure_block_tor
 permalink: /documentacao/produtos/guias/secure/bloquear-redes-tor/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 import Code from '~/components/Code/Code.astro'
 
@@ -17,7 +17,7 @@ import Code from '~/components/Code/Code.astro'
 
 A Azion disponibiliza a network list **Azion IP Tor Exit Nodes** para todos os usuários registrados na plataforma. Essa lista pode ser utilizada para configurar um comportamento usando Rules Engine para bloquear todas as requisições vindas dos IPs contidos na network list.
 
-<LinkButton link="/pt-br/documentacao/produtos/secure/edge-firewall/network-layer-protection/network-lists/" label="saiba mais sobre Network Lists" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/secure/edge-firewall/network-layer-protection/network-lists/" label="saiba mais sobre Network Lists" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/secure-jornada/firewall-configuracoes-avancadas/gerenciar-bots.mdx b/src/content/docs/pt-br/pages/secure-jornada/firewall-configuracoes-avancadas/gerenciar-bots.mdx
index 375a3ab8c4..9b80efe4ea 100644
--- a/src/content/docs/pt-br/pages/secure-jornada/firewall-configuracoes-avancadas/gerenciar-bots.mdx
+++ b/src/content/docs/pt-br/pages/secure-jornada/firewall-configuracoes-avancadas/gerenciar-bots.mdx
@@ -8,7 +8,7 @@ namespace: docs_secure_manage_bots
 permalink: /documentacao/produtos/guias/secure/gerenciar-bots/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Você pode proteger suas aplicações e seus conteúdos contra ataques de bots por meio da Azion Web Platform. Para tanto, você aproveita o uso de functions e permite uma solução serverless alinhada com as políticas de segurança do [Firewall](/pt-br/documentacao/produtos/secure/edge-firewall/).
 
diff --git a/src/content/docs/pt-br/pages/secure-jornada/firewall-configuracoes-avancadas/tune-waf.mdx b/src/content/docs/pt-br/pages/secure-jornada/firewall-configuracoes-avancadas/tune-waf.mdx
index 31c974d522..36ef3960e5 100644
--- a/src/content/docs/pt-br/pages/secure-jornada/firewall-configuracoes-avancadas/tune-waf.mdx
+++ b/src/content/docs/pt-br/pages/secure-jornada/firewall-configuracoes-avancadas/tune-waf.mdx
@@ -9,7 +9,7 @@ permalink: /documentacao/produtos/guias/secure/tune-waf/
 ---
 
 import Tag from 'primevue/tag'
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 import Apiv4Rollout from '~/includes/snippets/apiv4Rollout/pt/snippet.mdx'
 
diff --git a/src/content/docs/pt-br/pages/secure-jornada/proteja-aplicacao.mdx b/src/content/docs/pt-br/pages/secure-jornada/proteja-aplicacao.mdx
index 9d9f5ca3cc..d0a34b5c14 100644
--- a/src/content/docs/pt-br/pages/secure-jornada/proteja-aplicacao.mdx
+++ b/src/content/docs/pt-br/pages/secure-jornada/proteja-aplicacao.mdx
@@ -6,7 +6,7 @@ namespace: docs_secure_application
 permalink: /documentacao/produtos/secure/proteja-aplicacao/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tag from 'primevue/tag'
 
 **Firewall** permite que você proteja suas [applications](/pt-br/documentacao/produtos/build/edge-application/) e [domínios](/pt-br/documentacao/produtos/build/edge-application/domains/) contra vários tipos de ameaças e ataques.
@@ -32,7 +32,7 @@ Para criar um firewall, o primeiro passo é fornecer:
 
 Opcionalmente, você também pode habilitar o recurso **Debug Rules**.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/edge-firewall-definir-main-settings/" label="saiba mais sobre configurações principais" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/secure/edge-firewall-definir-main-settings/" label="saiba mais sobre configurações principais" type="primary" theme="light" />
 
 ---
 
@@ -48,9 +48,9 @@ Instanciar uma function criada para fins de segurança reforça suas políticas
 
 O passo de instanciação também permite que você aplique lógica específica e personalizada às suas functions.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/instanciar-edge-functions/" label="saiba mais sobre instanciar Functions" severity="secondary" /> <br></br>
+<Button href="/pt-br/documentacao/produtos/guias/secure/instanciar-edge-functions/" label="saiba mais sobre instanciar Functions" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/gerenciar-bots/" label="saiba mais gerenciar de bots" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/secure/gerenciar-bots/" label="saiba mais gerenciar de bots" type="primary" theme="light" />
 
 ---
 
@@ -60,6 +60,6 @@ O passo final é configurar variáveis no **Rules Engine**. Através de critéri
 
 As functions e as regras são executadas em paralelo. É recomendado usar ambas as ferramentas para melhorar ainda mais e garantir a segurança de sua aplicação.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/trabalhar-com-rules-engine/" label="saiba mais sobre trabalhar com Rules Engine" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/secure/trabalhar-com-rules-engine/" label="saiba mais sobre trabalhar com Rules Engine" type="primary" theme="light" />
 ---
 
diff --git a/src/content/docs/pt-br/pages/secure-jornada/proteja-dns.mdx b/src/content/docs/pt-br/pages/secure-jornada/proteja-dns.mdx
index 2613d00278..6404484daf 100644
--- a/src/content/docs/pt-br/pages/secure-jornada/proteja-dns.mdx
+++ b/src/content/docs/pt-br/pages/secure-jornada/proteja-dns.mdx
@@ -6,13 +6,13 @@ namespace: docs_secure_dns
 permalink: /documentacao/produtos/secure/proteja-dns/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 **Edge DNS** permite que você hospede seus domínios diretamente na Azion Web Platform. Ao fazer isso, eles serão protegidos com e pelas mesmas políticas usadas na infraestrutura distribuída da Azion.
 
 O Edge DNS funciona como um servidor DNS autoritativo que hospeda zonas, registros e configurações.
 
-<LinkButton link="/pt-br/documentacao/produtos/secure/edge-dns/" label="saiba mais sobre Edge DNS" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/secure/edge-dns/" label="saiba mais sobre Edge DNS" type="primary" theme="light" />
 
 ---
 
@@ -20,7 +20,7 @@ O Edge DNS funciona como um servidor DNS autoritativo que hospeda zonas, registr
 
 Para começar a hospedar um domínio com o Edge DNS, você precisa fornecer um nome e o FQDN registrado. Você também pode adicionar uma lista de servidores de nomes.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/edge-dns-definir-main-settings/" label="consulte o guia para configurar Edge DNS" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/secure/edge-dns-definir-main-settings/" label="consulte o guia para configurar Edge DNS" type="primary" theme="light" />
 
 ---
 
@@ -28,7 +28,7 @@ Para começar a hospedar um domínio com o Edge DNS, você precisa fornecer um n
 
 Agora, você precisa especificar o tipo de registro que está sendo usado com o Edge DNS e configurar outras configurações, como valor de resposta, valor de Time-to-live (TTL) e policy desejada.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/adicionar-registros/" label="consulte o guia para adicionar registros" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/secure/adicionar-registros/" label="consulte o guia para adicionar registros" type="primary" theme="light" />
 
 ---
 
@@ -36,7 +36,7 @@ Agora, você precisa especificar o tipo de registro que está sendo usado com o
 
 Se você já tem um domínio hospedado em outro provedor, você pode migrá-lo para a Azion com o Edge DNS e associá-lo a applications e firewalls para garantir que seu negócio esteja protegido.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/migrar-ns-para-a-azion/" label="consulte o guia para migrar um NS" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/migrar-ns-para-a-azion/" label="consulte o guia para migrar um NS" type="primary" theme="light" />
 
 ---
 
@@ -44,7 +44,7 @@ Se você já tem um domínio hospedado em outro provedor, você pode migrá-lo p
 
 O Edge DNS também oferece compatibilidade com DNSSEC para autenticar suas respostas e melhorar a experiência do seu usuário.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/ativar-dnssec/" label="consulte o guia para ativar DNSSEC" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/secure/ativar-dnssec/" label="consulte o guia para ativar DNSSEC" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/secure-jornada/proteja-infraestrutura.mdx b/src/content/docs/pt-br/pages/secure-jornada/proteja-infraestrutura.mdx
index e3450c649c..285eda914f 100644
--- a/src/content/docs/pt-br/pages/secure-jornada/proteja-infraestrutura.mdx
+++ b/src/content/docs/pt-br/pages/secure-jornada/proteja-infraestrutura.mdx
@@ -6,7 +6,7 @@ namespace: docs_secure_infrastructure
 permalink: /documentacao/produtos/secure/proteja-infraestrutura/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 import Code from '~/components/Code/Code.astro'
 
diff --git a/src/content/docs/pt-br/pages/secure-jornada/troubleshoot/edge-firewall-monitorar-metricas..mdx b/src/content/docs/pt-br/pages/secure-jornada/troubleshoot/edge-firewall-monitorar-metricas..mdx
index 47536993c3..ccfcf7fbb5 100644
--- a/src/content/docs/pt-br/pages/secure-jornada/troubleshoot/edge-firewall-monitorar-metricas..mdx
+++ b/src/content/docs/pt-br/pages/secure-jornada/troubleshoot/edge-firewall-monitorar-metricas..mdx
@@ -8,7 +8,7 @@ namespace: docs_secure_understand_metrics
 permalink: /documentacao/produtos/secure/troubleshoot/firewall-monitorar-metricas/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Após criar um firewall e [ativar o módulo Web Application Firewall (WAF)](/pt-br/documentacao/produtos/guias/secure/edge-firewall-definir-main-settings/#modulos), você também pode usar os produtos de [Observe](/pt-br/documentacao/produtos/observe/) para monitorar como o WAF está processando as requisições feitas às suas aplicações.
 
@@ -22,11 +22,11 @@ Após criar um firewall e [ativar o módulo Web Application Firewall (WAF)](/pt-
 
 Para monitorar como o WAF processa requisições e ameaças:
 
-<LinkButton link="/pt-br/documentacao/produtos/observe/real-time-metrics/#waf" label="saiba mais sobre as métricas agregadas" severity="secondary" /> <br></br>
+<Button href="/pt-br/documentacao/produtos/observe/real-time-metrics/#waf" label="saiba mais sobre as métricas agregadas" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/pt-br/documentacao/devtools/graphql-api/recursos/#conjuntos-de-dados" label="saiba mais sobre os conjuntos de dados" severity="secondary" /> <br></br>
+<Button href="/pt-br/documentacao/devtools/graphql-api/recursos/#conjuntos-de-dados" label="saiba mais sobre os conjuntos de dados" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/pt-br/documentacao/produtos/observe/real-time-events/#waf-events" label="saiba mais sobre os dados brutos" severity="secondary" /><br />
+<Button href="/pt-br/documentacao/produtos/observe/real-time-events/#waf-events" label="saiba mais sobre os dados brutos" type="primary" theme="light" /><br />
 
 :::note
 O comportamento `Set WAF [Seu WAF]` do Firewall realiza um processamento especial, permitindo que outras regras sejam processadas simultaneamente. Como resultado, os logs podem mostrar outras regras no campo `traceback`, mesmo que o Rule Set do WAF esteja configurado para bloquear e retornar a requisição. No entanto, as regras do WAF operam corretamente, bloqueando requisições que atendem aos critérios especificados. Esse comportamento é padrão para a plataforma.
diff --git a/src/content/docs/pt-br/pages/secure-jornada/troubleshoot/intelligent-dns-monitorar-metricas.mdx b/src/content/docs/pt-br/pages/secure-jornada/troubleshoot/intelligent-dns-monitorar-metricas.mdx
index 77f41906b9..727bce7345 100644
--- a/src/content/docs/pt-br/pages/secure-jornada/troubleshoot/intelligent-dns-monitorar-metricas.mdx
+++ b/src/content/docs/pt-br/pages/secure-jornada/troubleshoot/intelligent-dns-monitorar-metricas.mdx
@@ -8,7 +8,7 @@ namespace: docs_secure_understand_metrics_dns
 permalink: /documentacao/produtos/secure/troubleshoot/edge-dns-monitorar-metricas/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Após hospedar seus domínios e cria zonas no [Edge DNS](/pt-br/documentacao/produtos/secure/edge-dns/), você também pode contar com os produtos de [Observe](/pt-br/documentacao/produtos/observe/) para monitorar como o WAF está processando as requisições feitas às suas aplicações.
 
@@ -21,8 +21,8 @@ Após hospedar seus domínios e cria zonas no [Edge DNS](/pt-br/documentacao/pro
 
 Para monitorar as consultas recebidas pela sua zona:
 
-<LinkButton link="/pt-br/documentacao/produtos/observe/real-time-metrics/#edge-dns" label="ver métricas agregadas" severity="secondary" /> <br></br>
+<Button href="/pt-br/documentacao/produtos/observe/real-time-metrics/#edge-dns" label="ver métricas agregadas" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/pt-br/documentacao/devtools/graphql-api/visao-geral/" label="consultar dados"  severity="secondary" /> <br /><br />
+<Button href="/pt-br/documentacao/devtools/graphql-api/visao-geral/" label="consultar dados" type="primary" theme="light" /> <br /><br />
 ---
 
diff --git a/src/content/docs/pt-br/pages/secure-jornada/troubleshoot/testar-zona.mdx b/src/content/docs/pt-br/pages/secure-jornada/troubleshoot/testar-zona.mdx
index ed10288ecf..681a9af8af 100644
--- a/src/content/docs/pt-br/pages/secure-jornada/troubleshoot/testar-zona.mdx
+++ b/src/content/docs/pt-br/pages/secure-jornada/troubleshoot/testar-zona.mdx
@@ -8,7 +8,7 @@ namespace: docs_guides_secure_test_zone
 permalink: /documentacao/produtos/guias/secure/testar-zona/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Depois de configurar a sua [zona de Edge DNS](/pt-br/documentacao/produtos/guias/secure/edge-dns-definir-main-settings/), você pode testá-la para verificar se está processando corretamente as suas informações.
 
@@ -20,7 +20,7 @@ Depois de configurar a sua [zona de Edge DNS](/pt-br/documentacao/produtos/guias
 
 Para testar o **Edge DNS**, você deve usar um dos [servidores de nomes da Azion](/pt-br/documentacao/produtos/secure/edge-dns/#configurar-o-edge-dns-para-responder-pelos-seus-dominios) que você configurou em seu registro DNS.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/executar-o-comando-dig/" label="consulte o guia do comando DIG" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/executar-o-comando-dig/" label="consulte o guia do comando DIG" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/secure-jornada/visao-geral.mdx b/src/content/docs/pt-br/pages/secure-jornada/visao-geral.mdx
index 5c526d0374..69a4428242 100644
--- a/src/content/docs/pt-br/pages/secure-jornada/visao-geral.mdx
+++ b/src/content/docs/pt-br/pages/secure-jornada/visao-geral.mdx
@@ -6,7 +6,7 @@ namespace: docs_secure_overview
 permalink: /documentacao/produtos/secure/visao-geral/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Os produtos de Secure da Azion ajudam a proteger seus domínios, suas aplicações e sua infraestrutura.
 
@@ -18,9 +18,9 @@ Os produtos de Secure da Azion ajudam a proteger seus domínios, suas aplicaçõ
 
 **Firewall** é um produto de segurança programável que permite que você proteja suas aplicações, seus domínios e os acessos de seus usuários.
 
-<LinkButton link="/pt-br/documentacao/produtos/edge-firewall/" severity="secondary" label="saiba mais sobre Firewall" /> <br></br>
+<Button href="/pt-br/documentacao/produtos/edge-firewall/" label="saiba mais sobre Firewall" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/edge-firewall-definir-main-settings/" severity="secondary" label="consulte o guia de configurações principais do Firewall" />
+<Button href="/pt-br/documentacao/produtos/guias/secure/edge-firewall-definir-main-settings/" label="consulte o guia de configurações principais do Firewall" type="primary" theme="light" />
 
 Quando um usuário tenta acessar e atacar suas aplicações hospedadas na Azion com qualquer tipo de ataque, o Firewall e seus módulos atuam como uma camada de proteção antes que o ataque alcance sua aplicação e, consequentemente, a origem.
 
@@ -32,7 +32,7 @@ Uma tentativa de ataque passará por cada um dos módulos do Firewall, que bloqu
 
 Além disso, suas configurações precisam ser definidas como regras no [Rules Engine](/pt-br/documentacao/produtos/secure/edge-firewall/rules-engine/) para serem implementadas e para que as requisições sejam devidamente analisadas, permitidas ou bloqueadas.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/trabalhar-com-rules-engine/" severity="secondary" label="saiba mais sobre Rules Engine para o Firewall" />
+<Button href="/pt-br/documentacao/produtos/guias/secure/trabalhar-com-rules-engine/" label="saiba mais sobre Rules Engine para o Firewall" type="primary" theme="light" />
 
 ---
 
@@ -40,9 +40,9 @@ Além disso, suas configurações precisam ser definidas como regras no [Rules E
 
 **Edge DNS** permite hospedar seus domínios na infraestrutura distribuída da Azion, proporcionando alto desempenho, disponibilidade e segurança.
 
-<LinkButton link="/pt-br/documentacao/produtos/secure/edge-dns/" severity="secondary" label="saiba mais sobre Edge DNS" /> <br></br>
+<Button href="/pt-br/documentacao/produtos/secure/edge-dns/" label="saiba mais sobre Edge DNS" type="primary" theme="light" /> <br></br>
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/edge-dns-definir-main-settings/" severity="secondary" label="consulte o guia de configurações principais do Edge DNS" />
+<Button href="/pt-br/documentacao/produtos/guias/secure/edge-dns-definir-main-settings/" label="consulte o guia de configurações principais do Edge DNS" type="primary" theme="light" />
 
 Ao adicionar e configurar [registros](/pt-br/documentacao/produtos/guias/secure/adicionar-registros/), as informações do seu domínio são armazenadas com segurança na infraestrutura da Azion e permitem que você configure outros produtos para lidar adequadamente com solicitações, como applications e firewalls.
 
diff --git a/src/content/docs/pt-br/pages/secure-jornada/zona-configuracoes-avancadas/acessar-root-domain.mdx b/src/content/docs/pt-br/pages/secure-jornada/zona-configuracoes-avancadas/acessar-root-domain.mdx
index ba3a239639..3d5d8e6b51 100644
--- a/src/content/docs/pt-br/pages/secure-jornada/zona-configuracoes-avancadas/acessar-root-domain.mdx
+++ b/src/content/docs/pt-br/pages/secure-jornada/zona-configuracoes-avancadas/acessar-root-domain.mdx
@@ -8,7 +8,7 @@ namespace: docs_guides_secure_idns_root_domain
 permalink: /documentacao/produtos/guias/secure/acessar-root-domain/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 import Code from '~/components/Code/Code.astro'
 
@@ -17,7 +17,7 @@ Você pode configurar o seu **Edge DNS** para permitir o acesso a um endereço p
 
 Para este guia, considere que você está configurando um registro para uma zona com o root domain `domain.com`.
 
-<LinkButton link="/pt-br/documentacao/produtos/guias/secure/adicionar-registros/" label="saiba mais sobre adicionar registros" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/guias/secure/adicionar-registros/" label="saiba mais sobre adicionar registros" type="primary" theme="light" />
 
 ---
 
diff --git a/src/content/docs/pt-br/pages/secure-jornada/zona-configuracoes-avancadas/adicionar-registro-txt-lets-encrypt.mdx b/src/content/docs/pt-br/pages/secure-jornada/zona-configuracoes-avancadas/adicionar-registro-txt-lets-encrypt.mdx
index 3de9735935..805042f462 100644
--- a/src/content/docs/pt-br/pages/secure-jornada/zona-configuracoes-avancadas/adicionar-registro-txt-lets-encrypt.mdx
+++ b/src/content/docs/pt-br/pages/secure-jornada/zona-configuracoes-avancadas/adicionar-registro-txt-lets-encrypt.mdx
@@ -9,7 +9,7 @@ namespace: docs_guides_secure_intelligent_dns_lets_encrypt_record
 permalink: /documentacao/produtos/guias/secure/registro-lets-encrypt/
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import LetsEncryptExpiration from '~/includes/snippets/LetsEncryptExpiration/pt/snippet.mdx'
 import Tabs from '~/components/tabs/Tabs'
 import Code from '~/components/Code/Code.astro'
diff --git a/src/content/docs/pt-br/pages/store-jornada/sql/criar-tabela.mdx b/src/content/docs/pt-br/pages/store-jornada/sql/criar-tabela.mdx
index 635a66e615..e4e9cb98bc 100644
--- a/src/content/docs/pt-br/pages/store-jornada/sql/criar-tabela.mdx
+++ b/src/content/docs/pt-br/pages/store-jornada/sql/criar-tabela.mdx
@@ -9,11 +9,11 @@ namespace: docs_store_journey_sql_create_table
 menu_namespace: storeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Após ter criado seu [banco de dados do SQL Database](/pt-br/documentacao/produtos/store/sql/criar-banco-de-dados/), você pode começar a criar tabelas e inserir dados nelas.
 
-<LinkButton link="/pt-br/documentacao/produtos/store/edge-sql/" label="Saiba mais sobre o SQL Database" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/store/edge-sql/" label="Saiba mais sobre o SQL Database" type="primary" theme="light" />
 
 ## Crie uma tabela
 
diff --git a/src/content/docs/pt-br/pages/store-jornada/sql/edge-sql-shell-commands.mdx b/src/content/docs/pt-br/pages/store-jornada/sql/edge-sql-shell-commands.mdx
index 18150489da..44ff0a1579 100644
--- a/src/content/docs/pt-br/pages/store-jornada/sql/edge-sql-shell-commands.mdx
+++ b/src/content/docs/pt-br/pages/store-jornada/sql/edge-sql-shell-commands.mdx
@@ -9,7 +9,7 @@ namespace: docs_store_journey_sql_edge_sql_shell_commands
 menu_namespace: storeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 O EdgeSQL Shell fornece uma interface de linha de comando para gerenciar e interagir com seus bancos de dados SQL Database. Além de executar consultas SQL, ele oferece um conjunto abrangente de comandos para administração e configuração de banco de dados.
 
@@ -274,4 +274,4 @@ Use os seguintes comandos para definir suas credenciais do Turso:
   export TURSO_ENCRYPTION_KEY=<encryption_key>
 ```
 
-<LinkButton link="/pt-br/documentacao/produtos/store/sql/install-edge-sql-shell" label="Consulte o guia de instalação do EdgeSQL Shell" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/store/sql/install-edge-sql-shell" label="Consulte o guia de instalação do EdgeSQL Shell" type="primary" theme="light" />
diff --git a/src/content/docs/pt-br/pages/store-jornada/sql/instalar-edge-sql-shell.mdx b/src/content/docs/pt-br/pages/store-jornada/sql/instalar-edge-sql-shell.mdx
index d841cf3af2..65af6d8eca 100644
--- a/src/content/docs/pt-br/pages/store-jornada/sql/instalar-edge-sql-shell.mdx
+++ b/src/content/docs/pt-br/pages/store-jornada/sql/instalar-edge-sql-shell.mdx
@@ -9,7 +9,7 @@ namespace: docs_store_journey_sql_install_edge_sql_shell
 menu_namespace: storeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 O EdgeSQL Shell é uma ferramenta de interface de linha de comando (CLI) para interagir com o Azion SQL Database, permitindo que os usuários gerenciem bancos de dados, executem comandos SQL e realizem várias operações de banco de dados.
 
@@ -69,4 +69,4 @@ python edgesql-shell.py
 
 Agora você pode usar os comandos do EdgeSQL Shell, definir variáveis de ambiente e executar consultas SQL diretamente no terminal.
 
-<LinkButton link="/pt-br/documentacao/produtos/store/sql/edge-sql-shell-commands/" label="Consulte a referência de comandos do EdgeSQL Shell" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/store/sql/edge-sql-shell-commands/" label="Consulte a referência de comandos do EdgeSQL Shell" type="primary" theme="light" />
diff --git a/src/content/docs/pt-br/pages/store-jornada/sql/query-rows.mdx b/src/content/docs/pt-br/pages/store-jornada/sql/query-rows.mdx
index 721463738f..da5ae80529 100644
--- a/src/content/docs/pt-br/pages/store-jornada/sql/query-rows.mdx
+++ b/src/content/docs/pt-br/pages/store-jornada/sql/query-rows.mdx
@@ -7,11 +7,11 @@ permalink: /documentacao/produtos/store/sql/recuperar-dados-sql-database/
 menu_namespace: storeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Depois de criar seu banco de dados do SQL Database, você pode recuperar os dados armazenados nele.
 
-<LinkButton link="/pt-br/documentacao/produtos/store/edge-sql/" label="Consulte a referência do SQL Database" severity="secondary" />
+<Button href="/pt-br/documentacao/produtos/store/edge-sql/" label="Consulte a referência do SQL Database" type="primary" theme="light" />
 
 ## Liste dados de uma tabela
 
diff --git a/src/content/docs/pt-br/pages/store-jornada/storage/atualizar-bucket.mdx b/src/content/docs/pt-br/pages/store-jornada/storage/atualizar-bucket.mdx
index 101594a04b..5b64947a6c 100644
--- a/src/content/docs/pt-br/pages/store-jornada/storage/atualizar-bucket.mdx
+++ b/src/content/docs/pt-br/pages/store-jornada/storage/atualizar-bucket.mdx
@@ -12,7 +12,7 @@ menu_namespace: storeMenu
 ---
 
 import Tabs from '~/components/tabs/Tabs'
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Este guia descreve como você pode atualizar um bucket do Object Storage usando a API da Azion e a Azion CLI. Isso inclui a alteração das permissões de um bucket, o que pode ser crucial para gerenciar o acesso aos seus dados.
 
diff --git a/src/content/docs/pt-br/pages/store-jornada/storage/atualizar-objeto.mdx b/src/content/docs/pt-br/pages/store-jornada/storage/atualizar-objeto.mdx
index aa8421d7c0..e6306dd856 100644
--- a/src/content/docs/pt-br/pages/store-jornada/storage/atualizar-objeto.mdx
+++ b/src/content/docs/pt-br/pages/store-jornada/storage/atualizar-objeto.mdx
@@ -10,7 +10,7 @@ permalink: /documentacao/produtos/store/storage/atualizar-objeto/
 menu_namespace: storeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 import Code from '~/components/Code/Code.astro'
 
@@ -108,8 +108,8 @@ Consulte a referência da [Object Storage API](/pt-br/documentacao/runtime/api-r
 
 Uma vez que você tenha criado a function, você precisa criar uma application que irá servir de proxy do processo para o bucket e instanciar a function.
 
-<LinkButton link="/pt-br/documentacao/produtos/build/edge-application/primeiros-passos/" label="Primeiros passos de Applications" severity="secondary" target="_blank" />
-<LinkButton link="/pt-br/documentacao/produtos/guias/build/instanciar-edge-functions/" label="Consulte o guia de como instanciar functions" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/build/edge-application/primeiros-passos/" label="Primeiros passos de Applications" type="primary" theme="light" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/guias/build/instanciar-edge-functions/" label="Consulte o guia de como instanciar functions" type="primary" theme="light" target="_blank" />
 
 </Fragment>
 </Tabs>
diff --git a/src/content/docs/pt-br/pages/store-jornada/storage/deletar-objeto.mdx b/src/content/docs/pt-br/pages/store-jornada/storage/deletar-objeto.mdx
index 751428809b..8fdd7750c1 100644
--- a/src/content/docs/pt-br/pages/store-jornada/storage/deletar-objeto.mdx
+++ b/src/content/docs/pt-br/pages/store-jornada/storage/deletar-objeto.mdx
@@ -10,7 +10,7 @@ menu_namespace: storeMenu
 Este guia descreve o processo de exclusão de um objeto de um bucket do Object Storage usando a [API da Azion](https://api.azion.com/), a [CLI da Azion](/pt-br/documentacao/produtos/azion-cli/visao-geral/) e o [Azion Runtime](/pt-br/documentacao/runtime/api-reference/storage/).
 
 import Tabs from '~/components/tabs/Tabs'
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Code from '~/components/Code/Code.astro'
 
 ## Deletando um objeto de um bucket
@@ -100,8 +100,8 @@ Consulte a referência da [Object Storage API](/pt-br/documentacao/runtime/api-r
 
 Uma vez que você tenha criado a function, você precisa criar uma application que irá fazer o proxy do processo de exclusão para o bucket e instanciar a function.
 
-<LinkButton link="/pt-br/documentacao/produtos/build/edge-application/primeiros-passos/" label="Primeiros passos de Applications" severity="secondary" target="_blank" />
-<LinkButton link="/pt-br/documentacao/produtos/guias/build/instanciar-edge-functions/" label="Consulte o guia de como instanciar functions" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/build/edge-application/primeiros-passos/" label="Primeiros passos de Applications" type="primary" theme="light" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/guias/build/instanciar-edge-functions/" label="Consulte o guia de como instanciar functions" type="primary" theme="light" target="_blank" />
 
 </Fragment>
 </Tabs>
diff --git a/src/content/docs/pt-br/pages/store-jornada/storage/listar-buckets.mdx b/src/content/docs/pt-br/pages/store-jornada/storage/listar-buckets.mdx
index 73721efd3b..8f6f889a8a 100644
--- a/src/content/docs/pt-br/pages/store-jornada/storage/listar-buckets.mdx
+++ b/src/content/docs/pt-br/pages/store-jornada/storage/listar-buckets.mdx
@@ -12,7 +12,7 @@ menu_namespace: storeMenu
 ---
 
 import Tabs from '~/components/tabs/Tabs'
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Este guia mostra como listar todos os buckets da sua conta usando a API da Azion e Azion CLI.
 
@@ -44,7 +44,7 @@ curl --location 'https://api.azion.com/v4/storage/buckets' \
 --header 'Authorization: Token [TOKEN VALUE]'
 ```
 
-<LinkButton link="https://api.azion.com/#565230b1-5f75-49e5-b025-0dc9e271883d" label="Consulte a documentação da API da Azion" severity="secondary" target="_blank" />
+<Button href="https://api.azion.com/#565230b1-5f75-49e5-b025-0dc9e271883d" label="Consulte a documentação da API da Azion" type="primary" theme="light" target="_blank" />
 
 </Fragment>
 
diff --git a/src/content/docs/pt-br/pages/store-jornada/storage/listar-objetos.mdx b/src/content/docs/pt-br/pages/store-jornada/storage/listar-objetos.mdx
index 57740bbaa2..61772744d2 100644
--- a/src/content/docs/pt-br/pages/store-jornada/storage/listar-objetos.mdx
+++ b/src/content/docs/pt-br/pages/store-jornada/storage/listar-objetos.mdx
@@ -10,7 +10,7 @@ menu_namespace: storeMenu
 Este guia descreve como listar objetos de um bucket do Object Storage usando a [API da Azion](https://api.azion.com/), [Azion CLI](/pt-br/documentacao/produtos/azion-cli/visao-geral/), e [Azion Runtime](/pt-br/documentacao/runtime/api-reference/storage/).
 
 import Tabs from '~/components/tabs/Tabs'
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Code from '~/components/Code/Code.astro'
 
 ## Listando os objetos de um bucket
@@ -105,8 +105,8 @@ Consulte a [referência da API do Object Storage](/pt-br/documentacao/runtime/ap
 
 Uma vez que a function estiver pronta, você precisa criar uma application que irá servir de proxy para o processo de listagem para o bucket e instanciar a function.
 
-<LinkButton link="/pt-br/documentacao/produtos/build/edge-application/primeiros-passos/" label="Primeiros passos de Applications" severity="secondary" target="_blank" />
-<LinkButton link="/pt-br/documentacao/produtos/guias/build/instanciar-edge-functions/" label="Consulte o guia de como instanciar functions" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/build/edge-application/primeiros-passos/" label="Primeiros passos de Applications" type="primary" theme="light" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/guias/build/instanciar-edge-functions/" label="Consulte o guia de como instanciar functions" type="primary" theme="light" target="_blank" />
 
 </Fragment>
 </Tabs>
diff --git a/src/content/docs/pt-br/pages/store-jornada/storage/upload-objeto.mdx b/src/content/docs/pt-br/pages/store-jornada/storage/upload-objeto.mdx
index a2b69daa23..52c5a5d931 100644
--- a/src/content/docs/pt-br/pages/store-jornada/storage/upload-objeto.mdx
+++ b/src/content/docs/pt-br/pages/store-jornada/storage/upload-objeto.mdx
@@ -12,7 +12,7 @@ menu_namespace: storeMenu
 Este guia descreve o processo de upload de um objeto para um bucket do Object Storage usando a [API da Azion](https://api.azion.com/), [Azion CLI](/pt-br/documentacao/produtos/azion-cli/visao-geral/), e [Azion Runtime](/pt-br/documentacao/runtime/api-reference/storage/).
 
 import Tabs from '~/components/tabs/Tabs'
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Code from '~/components/Code/Code.astro'
 
 ## Fazendo o upload de um objeto para um bucket
@@ -105,8 +105,8 @@ Consulte a referência da [Object Storage API](/pt-br/documentacao/runtime/api-r
 
 Uma vez que você tenha criado a function, você precisa criar uma application que irá fazer o proxy para o processo de upload do bucket e instanciar a function.
 
-<LinkButton link="/pt-br/documentacao/produtos/build/edge-application/primeiros-passos/" label="Primeiros passos de Applications" severity="secondary" target="_blank" />
-<LinkButton link="/pt-br/documentacao/produtos/guias/build/instanciar-edge-functions/" label="Consulte o guia de como instanciar functions" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/build/edge-application/primeiros-passos/" label="Primeiros passos de Applications" type="primary" theme="light" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/guias/build/instanciar-edge-functions/" label="Consulte o guia de como instanciar functions" type="primary" theme="light" target="_blank" />
 
 </Fragment>
 </Tabs>
diff --git a/src/content/docs/pt-br/pages/store-jornada/storage/usar-bucket-como-origem.mdx b/src/content/docs/pt-br/pages/store-jornada/storage/usar-bucket-como-origem.mdx
index c55ab60d02..274c15ceda 100644
--- a/src/content/docs/pt-br/pages/store-jornada/storage/usar-bucket-como-origem.mdx
+++ b/src/content/docs/pt-br/pages/store-jornada/storage/usar-bucket-como-origem.mdx
@@ -11,7 +11,7 @@ permalink: /documentacao/produtos/store/storage/usar-bucket-como-origin/
 menu_namespace: storeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 import Tabs from '~/components/tabs/Tabs'
 import Code from '~/components/Code/Code.astro'
 
@@ -28,7 +28,7 @@ Existem instruções separadas para API v3 usando configurações de [Origin leg
 Se você não tem certeza de quais etapas se aplicam à sua conta, consulte [este guia](/pt-br/documentacao/produtos/guias/verificar-migracao-conta/) para determinar se sua conta já foi migrada.
 :::
 
-<LinkButton link="/pt-br/documentacao/produtos/store/edge-storage/" label="Consulte a referência do Object Storage" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/store/edge-storage/" label="Consulte a referência do Object Storage" type="primary" theme="light" target="_blank" />
 
 
 
diff --git a/src/content/docs/pt-br/pages/store-jornada/visao-geral.mdx b/src/content/docs/pt-br/pages/store-jornada/visao-geral.mdx
index a12d4b91f9..bd3adf3071 100644
--- a/src/content/docs/pt-br/pages/store-jornada/visao-geral.mdx
+++ b/src/content/docs/pt-br/pages/store-jornada/visao-geral.mdx
@@ -7,7 +7,7 @@ permalink: /documentacao/produtos/store/visao-geral/
 menu_namespace: storeMenu
 ---
 
-import LinkButton from 'azion-webkit/linkbutton'
+import Button from 'azion-webkit/components/Button';
 
 Seja bem-vindo à jornada dos Produtos Store da Azion. Esta documentação apresenta o [SQL Database](/pt-br/documentacao/produtos/store/edge-sql/) e o [Object Storage](/pt-br/documentacao/produtos/store/edge-storage/), ferramentas poderosas para gerenciamento e processamento eficientes de dados.
 
@@ -19,7 +19,7 @@ O Object Storage da Azion é um modelo de armazenamento de objetos que organiza
 
 O Object Storage é ideal para backup e recuperação, gerenciamento de conteúdo, mídia interativa, hospedagem de sites estáticos, armazenamento de dados não estruturados e sites Jamstack.
 
-<LinkButton link="/pt-br/documentacao/produtos/store/edge-storage/" label="Saiba mais sobre o Object Storage" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/store/edge-storage/" label="Saiba mais sobre o Object Storage" type="primary" theme="light" target="_blank" />
 
 ## SQL Database
 
@@ -29,4 +29,4 @@ O Azion SQL Database é uma solução SQL de ponta projetada para edge computing
 
 O SQL Database é adequado para armazenamento de dados de telemetria em tempo real, análise de logs de acesso, gerenciamento eficiente de dados de acesso e suporte a aplicações que exigem recuperação rápida de dados.
 
-<LinkButton link="/pt-br/documentacao/produtos/store/edge-sql/" label="Saiba mais sobre o SQL Database" severity="secondary" target="_blank" />
+<Button href="/pt-br/documentacao/produtos/store/edge-sql/" label="Saiba mais sobre o SQL Database" type="primary" theme="light" target="_blank" />
diff --git a/src/i18n/en/footer.ts b/src/i18n/en/footer.ts
index 98f67ea9fd..01eb9e207c 100644
--- a/src/i18n/en/footer.ts
+++ b/src/i18n/en/footer.ts
@@ -1,132 +1,183 @@
+const securityInformation = {
+	title: 'You are protected by Azion',
+	tags: [
+		{
+			title: 'SOC 2 Type 2 / SOC 3',
+			icon: 'pi pi-check',
+		},
+		{
+			title: 'PCI DSS',
+			icon: 'pi pi-check',
+		},
+	],
+};
+
 const listData = [
-  {
-    title: "Company",
-    list: [
-      {
-        title: "About us",
-        link: "/en/about-us/"
-      },
-      {
-        title: "Our Network",
-        link: "/en/products/our-network/"
-      },
-      {
-        title: "Careers",
-        link: "/en/careers/",
-      },
-      {
-        title: "Compliance",
-        link: "/en/compliance/"
-      },
-      {
-        title: "Privacy Policy",
-        link: "/en/documentation/agreements/privacy-policy/"
-      },
-    ]
-  },
-  {
-    title: "Resources",
-    list: [
-      {
-        title: "Blog",
-        link: "/en/blog/"
-      },
-      {
-        title: "Resource Hub",
-        link: "/en/resource-hub/"
-      },
-      {
-        title: "Learning",
-        link: "/en/learning/"
-      },
-      {
-        title: "Marketplace",
-        link: "/en/marketplace/"
-      },
-    ]
-  },
-  {
-    title: "Getting Started",
-    list: [
-      {
-        title: "Start for free",
-        link: "https://console.azion.com/signup"
-      },
-      {
-        title: "Documentation",
-        link: "/en/documentation/"
-      },
-      {
-        title: "Pricing",
-        link: "/en/pricing/"
-      },
-      {
-        title: "Contact Sales",
-        link: "/en/contact-sales/"
-      },
-      {
-        title: "Professional Services",
-        link: "/en/professional-services/"
-      },
-    ]
-  },
-]
+	{
+		title: 'Company',
+		list: [
+			{
+				title: 'About us',
+				link: '/en/about-us/',
+			},
+			{
+				title: 'Our Network',
+				link: '/en/products/our-network/',
+			},
+			{
+				title: 'Careers',
+				link: '/en/careers/',
+			},
+			{
+				title: 'Compliance',
+				link: '/en/compliance/',
+			},
+			{
+				title: 'Privacy Policy',
+				link: '/en/documentation/agreements/privacy-policy/',
+			},
+			{
+				title: 'Hey AI, learn about us',
+				link: 'https://www.azion.com/for-ai.md',
+			},
+		],
+	},
+	{
+		title: 'Resources',
+		list: [
+			{
+				title: 'Blog',
+				link: '/en/blog/',
+			},
+			{
+				title: 'Resource Hub',
+				link: '/en/resource-hub/',
+			},
+			{
+				title: 'Learning',
+				link: '/en/learning/',
+			},
+			{
+				title: 'Marketplace',
+				link: '/en/marketplace/',
+			},
+			{
+				title: 'Success cases',
+				link: '/en/lp/under-attack-mitigation/',
+			},
+		],
+	},
+	{
+		title: 'Getting Started',
+		list: [
+			{
+				title: 'Start for free',
+				link: 'https://console.azion.com/signup',
+			},
+			{
+				title: 'How to start',
+				link: '/en/documentation/products/azion-platform-overview/',
+			},
+			{
+				title: 'Pricing',
+				link: '/en/pricing/',
+			},
+			{
+				title: 'Contact Sales',
+				link: '/en/contact-sales/',
+			},
+			{
+				title: 'Professional Services',
+				link: '/en/professional-services/',
+			},
+		],
+	},
+	{
+		title: 'Developer',
+		list: [
+			{
+				title: 'Documentation',
+				link: '/en/documentation/',
+			},
+			{
+				title: 'API',
+				link: 'https://api.azion.com/v4',
+			},
+			{
+				title: 'Our Community',
+				link: 'https://discord.com/invite/pM8ANzztuB',
+				icon: true,
+			},
+			{
+				title: 'Release Notes',
+				link: '/en/documentation/products/release-notes/',
+			},
+		],
+	},
+];
 
-const cta =
-{
-  text: "For support and sales, please call ", phone: "+1 (833) 33-AZION",
-}
+const cta = {
+	text: 'For support and sales, please call ',
+	phone: '+1 (833) 33-AZION',
+};
 
 const socialButtons = [
-  {
-    title: "GitHub",
-    target: "_blank",
-    link: "https://github.com/aziontech",
-    icon: "pi pi-github"
-  },
-  {
-    title: "Linkedin",
-    link: "https://www.linkedin.com/company/aziontech",
-    target: "_blank",
-    icon: "pi pi-linkedin"
-  },
-  {
-    title: "YouTube",
-    link: "https://www.youtube.com/aziontech",
-    target: "_blank",
-    icon: "pi pi-youtube"
-  },
-  {
-    title: "X",
-    link: "https://x.com/aziontech",
-    target: "_blank",
-    icon: "ai ai-twitter"
-  },
-  {
-    title: "Instagram",
-    link: "https://www.instagram.com/aziontech",
-    target: "_blank",
-    icon: "pi pi-instagram"
-  },
-  {
-    title: "Discord",
-    target: "_blank",
-    link: "https://discord.gg/Yp9N7RMVZy",
-    icon: "pi pi-discord"
-  },
-  // {
-  //   title: "Medium",
-  //   link: "https://medium.com/aziontech",
-  //   target: "_blank",
-  //   icon: "pi pi-medium"
-  // },
-]
+	{
+		title: 'GitHub',
+		target: '_blank',
+		link: 'https://github.com/aziontech',
+		icon: 'pi pi-github',
+	},
+	{
+		title: 'Linkedin',
+		link: 'https://www.linkedin.com/company/aziontech',
+		target: '_blank',
+		icon: 'pi pi-linkedin',
+	},
+	{
+		title: 'YouTube',
+		link: 'https://www.youtube.com/aziontech',
+		target: '_blank',
+		icon: 'pi pi-youtube',
+	},
+	{
+		title: 'X',
+		link: 'https://x.com/aziontech',
+		target: '_blank',
+		icon: 'ai ai-twitter',
+	},
+	{
+		title: 'Instagram',
+		link: 'https://www.instagram.com/aziontech',
+		target: '_blank',
+		icon: 'pi pi-instagram',
+	},
+	{
+		title: 'Discord',
+		target: '_blank',
+		link: 'https://discord.gg/pM8ANzztuB',
+		icon: 'pi pi-discord',
+	},
+	{
+		title: 'Medium',
+		target: '_blank',
+		link: 'https://medium.com/aziontech',
+		icon: 'ai ai-medium',
+	},
+];
 
 const copyright = '© Azion Technologies, Inc or its affiliates. All rights reserved.';
 
+const footerContent = {
+	title: 'Azion',
+	description: 'The web platform for<br /> modern workloads',
+};
+
 export default {
-  listData,
-  cta,
-  copyright,
-  socialButtons
-}
+	footerContent,
+	securityInformation,
+	listData,
+	cta,
+	copyright,
+	socialButtons,
+};
diff --git a/src/i18n/en/header.ts b/src/i18n/en/header.ts
index 1b84c5528f..3bb11ad653 100644
--- a/src/i18n/en/header.ts
+++ b/src/i18n/en/header.ts
@@ -1,132 +1,121 @@
-const menuData = {
-  items: [
+const menu = {
+	menu: [
 		{
-      label: 'Documentation',
-      href: '/en/documentation/',
-      items: []
-    },
+			label: 'Documentation',
+			href: '/en/documentation/',
+		},
 		{
-      label: 'Guides',
-      href: '/en/documentation/products/guides/',
-      items: []
-    },
+			label: 'Guides',
+			href: '/en/documentation/products/guides/',
+		},
 		{
-      label: 'DevTools',
-      href: '/en/documentation/devtools/',
-      items: []
-    }
-  ]
+			label: 'DevTools',
+			href: '/en/documentation/devtools/',
+		},
+	],
 };
 
 const menuSecondary = [
-  {
-    text: "Contact",
-    title: "Contact Sales",
-    link: "/en/contact-sales/",
-    destak: false,
-  },
-  {
-    text: "Sign in",
-    title: "Azion SSO Login",
-    link: "https://console.azion.com/login",
-    destak: false,
-  },
-  {
-    text: "Free account",
-    title: "Azion Free Account",
-    link: "https://console.azion.com/signup",
-    destak: true,
-  }
+	{
+		text: 'Contact',
+		title: 'Contact',
+		link: '/en/contact-sales/',
+		target: '_self',
+	},
+	{
+		text: 'Sign In',
+		title: 'Sign In',
+		link: 'https://console.azion.com/login',
+		target: '_blank',
+	},
+	{
+		text: 'Start Free',
+		title: 'Start Free',
+		backgroundColor: 'dark',
+		link: 'https://console.azion.com/signup',
+		target: '_blank',
+	},
 ];
 
 const menuSecondaryMobile = [
-  {
-    // label: 'Documents',
-    items: [
-      {
-        label: 'Careers',
-        // icon: 'pi pi-briefcase',
-        tags: ['we\'re hiring!'],
-        url: '/en/careers/jobs/'
-      },
-      {
-        label: 'Success Stories',
-        // icon: 'pi pi-dollar'
-        url: '/en/resource-hub/'
-      },
-      {
-        label: 'Support',
-        // icon: 'pi pi-question-circle'
-        url: '/en/pricing/'
-      },
-      {
-        label: 'Privacy policy',
-        // icon: 'pi pi-exclamation-triangle'
-        url: '/en/documentation/agreements/privacy-policy/'
-      }
-    ]
-  }
+	{
+		items: [
+			{
+				label: 'Carreers',
+				tags: ["we're hiring!"],
+				url: '/en/careers/jobs/',
+			},
+			{
+				label: 'Support',
+				url: '/en/pricing/',
+			},
+			{
+				label: 'Privacy policy',
+				url: '/en/documentation/agreements/privacy-policy/',
+			},
+		],
+	},
 ];
 
 const bottomButtonsMobile = [
-  {
-    label: 'Free Account',
-    urlTitle: 'Azion Console Free Account',
-    url: 'https://console.azion.com/singup',
-    destak: true
-  },
-  {
-    label: 'Sign In',
-    urlTitle: 'Azion Console Sign In',
-    url: 'https://console.azion.com/login'
-  },
-  {
-    label: 'Contact',
-    url: '/en/contact-sales/',
-    urlTitle: 'Contact Page',
-    icon: 'pi pi-chevron-right text-xs'
-  }
+	{
+		label: 'Start Free',
+		urlTitle: 'Start Free',
+		url: 'https://console.azion.com/singup',
+		destak: true,
+	},
+	{
+		label: 'Sign In',
+		urlTitle: 'Azion Console Sign In',
+		url: 'https://console.azion.com/login',
+	},
+	{
+		label: 'Contact',
+		url: '/en/contact-sales/',
+		urlTitle: 'Contact Page',
+		icon: 'pi pi-chevron-right text-xs',
+	},
 ];
 
 const algoliaIndex = [
 	{
-    name: `azion-doc-en`,
-    label: 'docs',
-    activeIndex: 1
-  },
-  {
-    name: `azion-site-en`,
-    label: 'site',
-    activeIndex: 2
-  },
-  {
-    name: `azion-blog-en`,
-    label: 'blog',
-    activeIndex: 3
-  },
-  {
-    name: `azion-cases-en`,
-    label: 'cases',
-    activeIndex: 4
-  }
+		name: `azion-site-en`,
+		label: 'site',
+		activeIndex: 1,
+	},
+	{
+		name: `azion-doc-en`,
+		label: 'docs',
+		activeIndex: 2,
+	},
+	{
+		name: `azion-blog-en`,
+		label: 'blog',
+		activeIndex: 3,
+	},
+	{
+		name: `azion-cases-en`,
+		label: 'cases',
+		activeIndex: 4,
+	},
 ];
 
-const algoliaModel = [
-  { label: 'All' },
-	{ label: 'Docs' },
-  { label: 'Site' },
-  { label: 'Blog' },
-  { label: 'Cases' }
-];
+const algoliaModel = [{ label: 'All' }, { label: 'Docs' }, { label: 'Blog' }];
 
-const algoliaInputPlaceholder = "Type to search"
+const algoliaInputPlaceholder = 'Type to search';
+
+export const communityData = {
+	label: 'Join our community',
+	href: 'https://discord.com/invite/pM8ANzztuB',
+};
 
 export default {
-  menuData,
-  menuSecondary,
-  menuSecondaryMobile,
-  bottomButtonsMobile,
-  algoliaIndex,
-  algoliaModel,
-  algoliaInputPlaceholder
-}
+	menu,
+	menuSecondary,
+	menuSecondaryMobile,
+	bottomButtonsMobile,
+	algoliaIndex,
+	algoliaModel,
+	algoliaInputPlaceholder,
+	communityData,
+};
diff --git a/src/i18n/pt-br/footer.ts b/src/i18n/pt-br/footer.ts
index 88988673b9..767509f413 100644
--- a/src/i18n/pt-br/footer.ts
+++ b/src/i18n/pt-br/footer.ts
@@ -1,88 +1,138 @@
+const securityInformation = {
+	title: 'Você está protegido pela Azion',
+	tags: [
+		{
+			title: 'SOC 2 Type 2 / SOC 3',
+			icon: 'pi pi-check',
+		},
+		{
+			title: 'PCI DSS',
+			icon: 'pi pi-check',
+		},
+	],
+};
 
 const listData = [
-  {
-    "title": "Empresa",
-    "list": [
-      {
-        "title": "Sobre Nós",
-        "link": "/pt-br/sobre-nos/"
-      },
-      {
-        "title": "Our Network",
-        "link": "/pt-br/produtos/nossa-rede/"
-      },
-      {
-        "title": "Carreiras",
-        "link": "/pt-br/carreiras/",
-        "flag": "Estamos contratando!"
-      },
-      {
-        "title": "Compliance",
-        "link": "/pt-br/compliance/"
-      },
-      {
-        "title": "Política de privacidade",
-        "link": "/pt-br/documentacao/contratos/politica-de-privacidade/"
-      }
-    ]
-  },
-  {
-    "title": "Recursos",
-    "list": [
-      {
-        "title": "Blog",
-        "link": "/pt-br/blog/"
-      },
-      {
-        title: "Resource Hub",
-        link: "/pt-br/resource-hub/"
-      },
-      {
-        title: "Learning",
-        link: "/pt-br/learning/"
-      },
-      {
-        "title": "Marketplace",
-        "link": "/pt-br/marketplace/"
-      },
-    ]
-  },
-  {
-    title: "Ponto de partida",
-    "list": [
-      {
-        "title": "Comece gratuitamente",
-        "link": "https://console.azion.com/signup"
-      },
-      {
-        "title": "Documentação",
-        "link": "/pt-br/documentacao/"
-      },
-      {
-        "title": "Preços",
-        "link": "/pt-br/precos/"
-      },
-      {
-        "title": "Contate Vendas",
-        "link": "/pt-br/contate-vendas/"
-      },
-      {
-        "title": "Serviços Profissionais",
-        "link": "/pt-br/servicos-profissionais/"
-      }
-    ]
-  },
-]
+	{
+		title: 'Empresa',
+		list: [
+			{
+				title: 'Sobre nós',
+				link: '/pt-br/sobre-nos/',
+			},
+			{
+				title: 'Nossa rede',
+				link: '/pt-br/produtos/nossa-rede/',
+			},
+			{
+				title: 'Carreiras',
+				link: '/pt-br/carreiras/',
+				flag: 'Estamos contratando!',
+			},
+			{
+				title: 'Compliance',
+				link: '/pt-br/compliance/',
+			},
+			{
+				title: 'Política de privacidade',
+				link: '/pt-br/documentacao/contratos/politica-de-privacidade/',
+			},
+			{
+				title: 'Oi AI, Aprenda sobre a gente',
+				link: 'https://www.azion.com/for-ai.md',
+			},
+		],
+	},
+	{
+		title: 'Recursos',
+		list: [
+			{
+				title: 'Blog',
+				link: '/pt-br/blog/',
+			},
+			{
+				title: 'Resource Hub',
+				link: '/pt-br/resource-hub/',
+			},
+			{
+				title: 'Central de Aprendizagem',
+				link: '/pt-br/learning/',
+			},
+			{
+				title: 'Marketplace',
+				link: '/pt-br/marketplace/',
+			},
+			{
+				title: 'Sob Ataque?',
+				link: '/pt-br/lp/emergencia-ataque-cibernetico/',
+			},
+		],
+	},
+	{
+		title: 'Ponto de partida',
+		list: [
+			{
+				title: 'Conta Gratuita',
+				link: 'https://console.azion.com/signup',
+			},
+			{
+				title: 'Ponto de partida',
+				link: '/pt-br/documentacao/produtos/visao-geral-da-plataforma-da-azion/',
+			},
+			{
+				title: 'Preços',
+				link: '/pt-br/precos/',
+			},
+			{
+				title: 'Contate Vendas',
+				link: '/pt-br/contate-vendas/',
+			},
+			{
+				title: 'Serviços Profissionais',
+				link: '/pt-br/servicos-profissionais/',
+			},
+		],
+	},
+	{
+		title: 'Desenvolvedor',
+		list: [
+			{
+				title: 'Documentação',
+				link: '/pt-br/documentacao/',
+			},
+			{
+				title: 'API',
+				link: 'https://api.azion.com/v4',
+			},
+			{
+				title: 'Nossa Comunidade',
+				icon: true,
+				link: 'https://discord.com/invite/pM8ANzztuB',
+			},
+			{
+				title: 'Release Notes',
+				link: '/pt-br/documentacao/produtos/release-notes/',
+			},
+		],
+	},
+];
 
 const cta = {
-  text: "Para vendas e suporte, entre em contato no ",
-  phone: "0800 883 6313"
-}
+	text: 'Para vendas e suporte, entre em contato no ',
+	phone: '0800 883 6313',
+};
 
 const copyright = '© Azion Technologies ou suas afiliadas. Todos os direitos reservados.';
 
+const footerContent = {
+	title: 'Azion',
+	description: 'A plataforma web para<br /> workloads modernos',
+};
+
 export default {
-  listData,
-  cta,
-  copyright
-}
+	footerContent,
+	securityInformation,
+	listData,
+	cta,
+	copyright,
+};
diff --git a/src/i18n/pt-br/header.ts b/src/i18n/pt-br/header.ts
index 6b1b5a1f80..c82dd00cde 100644
--- a/src/i18n/pt-br/header.ts
+++ b/src/i18n/pt-br/header.ts
@@ -1,42 +1,40 @@
-const menuData = {
-  items: [
+const menu = {
+	menu: [
 		{
-      label: 'Documentação',
-      href: '/pt-br/documentacao/',
-      items: []
-    },
+			label: 'Documentação',
+			href: '/pt-br/documentacao/',
+		},
 		{
-      label: 'Guias',
-      href: '/pt-br/documentacao/produtos/guias/',
-      items: []
-    },
+			label: 'Guias',
+			href: '/pt-br/documentacao/produtos/guias/',
+		},
 		{
-      label: 'DevTools',
-      href: '/pt-br/documentacao/produtos/devtools/',
-      items: []
-    }
-  ]
+			label: 'DevTools',
+			href: '/pt-br/documentacao/produtos/devtools/',
+		},
+	],
 };
 
 const menuSecondary = [
-  {
-    text: "Contato",
-    title: "Contact Sales",
-    link: "/pt-br/contate-vendas/",
-    destak: false,
-  },
-  {
-    text: "Sign in",
-    title: "Azion SSO Login",
-    link: "https://console.azion.com/login",
-    destak: false,
-  },
-  {
-    text: "Conta Gratuita",
-    title: "Crie sua Conta Gratuita",
-    link: "https://console.azion.com/signup",
-    destak: true,
-  }
+	{
+		text: 'Contato',
+		title: 'Contato',
+		link: '/pt-br/contate-vendas/',
+		target: '_self',
+	},
+	{
+		text: 'Entrar',
+		title: 'Entrar',
+		link: 'https://console.azion.com/login',
+		target: '_blank',
+	},
+	{
+		text: 'Comece Grátis',
+		title: 'Comece Grátis',
+		backgroundColor: 'dark',
+		link: 'https://console.azion.com/signup',
+		target: '_blank',
+	},
 ];
 
 const menuSecondaryMobile = [
@@ -122,7 +120,7 @@ const algoliaModel = [
 const algoliaInputPlaceholder = "Digite sua busca"
 
 export default {
-  menuData,
+  menu,
   menuSecondary,
   menuSecondaryMobile,
   bottomButtonsMobile,
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index 954e06c95a..1de7f683dc 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -4,20 +4,17 @@ import type { CollectionEntry } from 'astro:content';
 import HeadCommon from '~/components/HeadCommon.astro';
 import HeadSEO from '~/components/HeadSEO.astro';
 import LeftSidebar from '~/components/LeftSidebar/LeftSidebar.astro';
-import SidebarPanelMenu from '~/components/sidebarpanelmenu/SidebarPanelMenu.vue';
 import GoogleTagManagerIframe from '~/components/trd3/google/tagmanager-iframe.astro';
 import Trd3 from '~/components/html/trd3.astro';
+import Search from "azion-webkit/headersearchdialog";
 
 // @ts-nocheck
-import Header from 'azion-webkit/header';
-import AzionLogo from 'azion-webkit/azionlogo';
-import HeaderMenuTabPanel from 'azion-webkit/headermenutabpanel';
-import HeaderSearchDialog from 'azion-webkit/headersearchdialog';
-import HeaderRightSidebar from 'azion-webkit/headerrightsidebar';
-import Footer from 'azion-webkit/footer';
-import SystemStatus from 'azion-webkit/systemstatus';
-import SelectLang from 'azion-webkit/selectlang';
-import ThemeSwitcher from 'azion-webkit/dropdownthemeswitcher';
+import Header from "azion-webkit/blocks/Header"
+import HeaderLogoAzion from "azion-webkit/azionlogo";
+import Menu from "azion-webkit/components/Menu"
+import MenuMobile from "azion-webkit/components/MenuMobile"
+import Footer from "azion-webkit/blocks/Footer"
+import SelectLang from "azion-webkit/components/SelectLang"
 
 import { getLanguageFromURL, removeLeadingSlash } from '~/util';
 // import { getPageCategory } from '~/util/getPageCategory';
@@ -47,6 +44,7 @@ const bcpLang = normalizeLangTag(lang);
 const currentPage = url.pathname;
 const t = useTranslations(Astro);
 import { getNavigationMenu } from '~/util/getNav';
+import { modelSlug } from '~/util';
 const currentPageMatch = removeLeadingSlash(currentPage);
 
 // to right sidebar mobile menu
@@ -56,21 +54,17 @@ const sidebarSections = (await getNavigationMenu(Astro, 'nav')).reduce((collecti
 }, []);
 
 const {
-	menuData,
-	menuSecondary,
-	menuSecondaryMobile,
-	bottomButtonsMobile,
-	algoliaIndex,
-	algoliaModel,
-	algoliaInputPlaceholder,
-} = getHeaderMenuStrings(currentPage);
-
-const {
-	listData,
-	copyright,
-	cta,
-	socialButtons
-} = getFooterMenuStrings(currentPage);
+  menu,
+  menuSecondary,
+  menuSecondaryMobile,
+  bottomButtonsMobile,
+  algoliaIndex,
+  communityData,
+  algoliaModel,
+  algoliaInputPlaceholder,
+} = getHeaderMenuStrings(Astro.url.pathname);
+
+const { listData, copyright, cta, socialButtons, securityInformation, footerContent } = getFooterMenuStrings(currentPage);
 
 const formatTitle = (content: { title?: string }) => {
 	return content.title ? `${content.title} - ${t('site.title')}` : t('site.title');
@@ -82,6 +76,19 @@ if (isFallback) canonicalURL.pathname = canonicalURL.pathname.replace(`/${lang}/
 const translatedPages = await (async (c) => {
 	return c.namespace ? await getTranslatedPagesByNamespace(c.namespace) : [];
 })(content);
+
+const transformItem = (item: any) => {
+	const checkLevel = item.items 
+		? { items: item.items.map(transformItem) } 
+		: { href: modelSlug(item.slug, item.isFallback, lang) };
+
+	return {
+		label: item.text,
+		...checkLevel,
+	};
+};
+
+const menuMobile = { menu: sidebarSections.map(transformItem) };
 ---
 
 <html dir={direction} lang={bcpLang} class="azion azion-dark">
@@ -169,7 +176,7 @@ const translatedPages = await (async (c) => {
 		</style>
 	</head>
 
-	<body class="surface-ground">
+	<body class="bg-neutral-950">
 		<GoogleTagManagerIframe />
 
 		<script is:inline>
@@ -193,25 +200,16 @@ const translatedPages = await (async (c) => {
 		
 			setTheme(currentTheme)
 		</script>		
-		<Header {menuSecondary}>
-			<Fragment slot="visualid">
-				<AzionLogo
-					target="_self"
-					href={`/${lang}/`}
-					hrefTitle="Home | Azion Technologies"
-					version="default"
-				/>
-			</Fragment>
-			
-			<Fragment slot="navigation">
-				<HeaderMenuTabPanel
-					client:idle
-					menuData={menuData}
-				/>
-			</Fragment>
-
+		<Header menuSecondary={menuSecondary}>
+			<HeaderLogoAzion
+				href={`/${lang}/`}
+				hrefTitle="Documentation | Azion Technologies"
+				target="_self"
+				version="default"
+				slot="logo"
+			/>
 			<Fragment slot="dialog">
-				<HeaderSearchDialog
+				<Search
 					client:only="vue"
 					algoliaAppId="PYJUZH6VNQ"
 					algoliaApiKey="7c1795c333053265edd2aeb199745797"
@@ -221,29 +219,24 @@ const translatedPages = await (async (c) => {
 				/>
 			</Fragment>
 
-			<Fragment slot="mobile-right-sidebar">
-				<HeaderRightSidebar
-					class="pt-8 pb-8"
+			<Fragment slot="navigation">
+				<Menu
 					client:idle
-					menuData={menuData}
-					menuSecondary={menuSecondaryMobile}
-					bottomButtons={bottomButtonsMobile}
-				>	
-					<Fragment slot="main-content">
-						<SidebarPanelMenu
-							client:idle
-							lang={lang}
-							data={sidebarSections.map((item) => {
-								item.hasLabel = (item.hasLabel ? t(item.hasLabel) : '');
-								return item;
-							})}
-							currentPageMatch={currentPageMatch} />
-					</Fragment>
-				</HeaderRightSidebar>
+					communityData={communityData}
+					menuData={menu}  
+				/>
+			</Fragment>
+			<Fragment slot="menu-mobile">
+				<MenuMobile
+				client:idle
+				menuSecondary={menuSecondaryMobile}
+				bottomButtons={bottomButtonsMobile}
+				menuMobile={menuMobile}
+				/>
 			</Fragment>
 		</Header>
 
-		<script is:inline>
+	<script is:inline>
       (function() {
         window.addEventListener("scroll", (event) => {
           const scrollY = window.scrollY;
@@ -303,28 +296,29 @@ const translatedPages = await (async (c) => {
 		</main>
 
 		<Fragment slot="footer">
-			<Footer {lang} {listData} {copyright} {cta} {socialButtons}>
-				<Fragment slot="action">
-					<SelectLang
-						{lang}
-						i18nPages={translatedPages.map((page) => {
-							return {
-								langPrefix: page.lang,
-								slug: `/${page.lang}/${page.slug}/`,
-								lang: page.lang === 'pt-br' ? 'Português' : 'English'
-							};
-						})}
-						client:visible={{rootMargin: "600px"}}
-					/>
+			<Footer
+				{securityInformation}
+				{listData}
+				{lang}
+				{copyright}
+				{cta}
+				{socialButtons}
+				content={footerContent}
+			>
+				<Fragment slot="status">
 				</Fragment>
-				<Fragment slot="system-status">
-					<SystemStatus
-						{lang}
-						client:visible={{rootMargin: "600px"}}
-					/>
-				</Fragment>
-				<Fragment slot="theme-switch">
-					<ThemeSwitcher client:visible={{rootMargin: "600px"}} />
+				<Fragment slot="lang">
+				<SelectLang
+					{lang}
+					i18nPages={translatedPages.map((page) => {
+						return {
+							langPrefix: page.lang,
+							slug: `/${page.lang}/${page.slug}/`,
+							lang: page.lang.toUpperCase()
+						};
+					})}
+					client:visible={{ rootMargin: "1000px" }}
+				/>
 				</Fragment>
 			</Footer>
 		</Fragment>