diff --git a/nuxt4/app/assets/css/main.css b/nuxt4/app/assets/css/main.css
index 3c1e480..6ea0751 100644
--- a/nuxt4/app/assets/css/main.css
+++ b/nuxt4/app/assets/css/main.css
@@ -218,7 +218,7 @@
   border-color: color-mix(in srgb, var(--cata-primary) 50%, transparent);
   padding: 0.5rem 1rem;
   border-radius: 0.375rem;
-  transition: all 200ms;
+  transition: background-color 200ms, border-color 200ms, box-shadow 200ms;
   cursor: pointer;
   color: var(--cata-fg);
   font-family: var(--cata-font-family);
@@ -226,7 +226,7 @@
 
 .cata-button:hover {
   background-color: color-mix(in srgb, var(--cata-primary) 10%, transparent);
-  border-width: 2px;
+  border-color: color-mix(in srgb, var(--cata-primary) 70%, transparent);
 }
 
 .dark .cata-button:hover {