diff --git a/docs/assets/plugins/code-block/code-block.css b/docs/assets/plugins/code-block/code-block.css
index 18b77da7..237fd9ee 100644
--- a/docs/assets/plugins/code-block/code-block.css
+++ b/docs/assets/plugins/code-block/code-block.css
@@ -164,6 +164,7 @@
   text-transform: uppercase;
   padding: 8px;
   user-select: none;
+  transition: 0.1s all;
 }
 
 .markdown-section .docsify-copy-code-button.copied {
@@ -198,4 +199,5 @@
 
 .markdown-section .docsify-copy-code-button:active {
   background-color: rgb(var(--sl-color-neutral-600));
+  transform: scale(0.92);
 }