diff --git a/styles/blocks/buttons.css b/styles/blocks/buttons.css
index 535674b..8da169e 100644
--- a/styles/blocks/buttons.css
+++ b/styles/blocks/buttons.css
@@ -96,7 +96,7 @@
 .btn:hover, .button:hover, .acf-block-preview .button:hover {
     background:   var(--button-hover-bg);
     border-color: var(--button-hover-border-color);
-    box-shadow:   var(--button-hover-shadow);
+    box-shadow:   none;
     color:        var(--button-hover-color);
 }
 
@@ -146,12 +146,12 @@ x-button:has(.button[data-button-width="full"]) { @apply w-full; }
     --button-bg:                  var(--color-secondary);
     --button-color:               var(--color-white);
     --button-border-color:        var(--color-secondary);
-    --button-outline-color:       oklch(0.48 0.0136 252.2);
-    --button-hover-bg:            var(--color-dark);
-    --button-hover-border-color:  var(--color-dark);
+    --button-outline-color:       var(--color-secondary);
+    --button-hover-bg:            color-mix(in oklch, var(--color-secondary) 74%);
+    --button-hover-border-color:  color-mix(in oklch, var(--color-secondary) 74%);
     --button-hover-color:         var(--color-white);
-    --button-active-bg:           var(--color-dark);
-    --button-active-border-color: var(--color-dark);
+    --button-active-bg:           color-mix(in oklch, var(--color-secondary) 84%);
+    --button-active-border-color: color-mix(in oklch, var(--color-secondary) 84%);
 }
 
 .btn[data-button-color="light"], .button[data-button-color="light"] {