diff --git a/assets/css/v2/style.css b/assets/css/v2/style.css
index 159e8b8..1a5c100 100644
--- a/assets/css/v2/style.css
+++ b/assets/css/v2/style.css
@@ -18,6 +18,7 @@
   --color-background: #ffffff;
   --color-foreground: #000000;
   --color-shadow: #d2d2d2;
+  --color-codeblock-shadow: #d2d2d2;
   --color-footer: #1d1d1d;
   --color-footer-text: #e2e2e2;
   --color-product-title: #8d8d8d;
@@ -1144,27 +1145,28 @@ li .code-block {
 }
 
 .code-copy-button {
-  background-color: #f2f2f2;
-  border: none;
-  padding: 5px 10px;
+  background-color: white;
+  border: 1px solid black;
+  padding: 4px 6px;
   cursor: pointer;
-  font-family: "JetBrains Mono", monospace;
   font-size: 12px;
   color: #000;
   display: none;
   position: absolute;
   margin-top: 8px;
   right: 1rem;
-  z-index: 2;
+  z-index: 1;
+  --color-codeblock-shadow: 0% 0 0;
+  box-shadow: 0px 2px 0px oklch(var(--color-codeblock-shadow) / 0.15);
 }
 
 .code-copy-button:hover {
-  background-color: #e0e0e0;
+  box-shadow: 0px 2px 0px oklch(var(--color-brand) / 0.3);
 }
 
 .code-copy-button:focus {
   outline: none;
-  box-shadow: 0 0 2px 2px #a5a5a5;
+  box-shadow: 0px 2px 0px oklch(var(--color-brand) / 0.8);
 }
 
 .next-prev-icon {