diff --git a/core/themes/olivero/css/base/variables.pcss.css b/core/themes/olivero/css/base/variables.pcss.css
index 2190506029aefbdbbcb7d41fb7912cb81f1932eb..fa21ec9ae685f7c38e7254ae079f9e6260fdc19a 100644
--- a/core/themes/olivero/css/base/variables.pcss.css
+++ b/core/themes/olivero/css/base/variables.pcss.css
@@ -133,6 +133,7 @@
   --color--gray-80: #e7edf1; /* Gray light 1 */
   --color--gray-90: #f1f4f7;
   --color--gray-95: #f7f9fa; /* Gray light 2 */
+  --color--blue-10: #0f6292;
   --color--blue-20: #0d77b5; /* Blue dark */
   --color--blue-30: #3d92c4; /* Blue dark 2 */
   --color--blue-50: #2494db; /* Blue medium */
diff --git a/core/themes/olivero/css/components/button.css b/core/themes/olivero/css/components/button.css
index 008818bbb9e7bf7c785ca0ccef5dc30e38c9f6fa..0b4c546adddff5af55019cca58aee26568b30c85 100644
--- a/core/themes/olivero/css/components/button.css
+++ b/core/themes/olivero/css/components/button.css
@@ -139,7 +139,8 @@
 .button--primary:hover,
   .button--primary:focus {
     color: #fff;
-    background-color: #2494db;
+    border-color: #0f6292;
+    background-color: #0f6292;
   }
 
 .button--primary:active {
diff --git a/core/themes/olivero/css/components/button.pcss.css b/core/themes/olivero/css/components/button.pcss.css
index c9b838f3fee1e09226c6a5b6ab6266b9fa5ad83b..ac14f6ed296774bae0590ed8cebab30542d271cd 100644
--- a/core/themes/olivero/css/components/button.pcss.css
+++ b/core/themes/olivero/css/components/button.pcss.css
@@ -87,7 +87,8 @@
   &:hover,
   &:focus {
     color: var(--color--white);
-    background-color: var(--color--blue-50);
+    border-color: var(--color--blue-10);
+    background-color: var(--color--blue-10);
   }
 
   &:active {