ui changes and cs prices

src/lib/components/CopyButton.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import type { Component } from 'svelte';
+	import { Button } from '$lib/components/ui/button/index.js';
 
 	let {
 		icon: Icon,
@@ -30,13 +31,9 @@
 		copied = false;
 	}}
 >
-	<button
-		onclick={copy}
-		aria-label={`Copy ${label}: ${value}`}
-		class="flex h-10 w-10 cursor-pointer items-center justify-center text-xl transition hover:text-[var(--site-text)]"
-	>
-		<Icon />
-	</button>
+	<Button variant="ghost" size="icon-lg" onclick={copy} aria-label={`Copy ${label}: ${value}`}>
+		<Icon class="size-6" />
+	</Button>
 
 	<span
 		role="tooltip"