diff --git a/src/assets/css/src/2.blocks.button.css b/src/assets/css/src/2.blocks.button.css
index 6b7aaec..8d286b1 100644
--- a/src/assets/css/src/2.blocks.button.css
+++ b/src/assets/css/src/2.blocks.button.css
@@ -34,10 +34,6 @@
   --border-color: var(--color-primary-10);
   --color: var(--color-primary);
 }
-.btn--primary:hover {
-  --background: var(--color-primary-10);
-  --border-color: var(--color-primary-20);
-}
 .btn--primary.active,
 .btn--primary:active,
 .btn--primary[aria-pressed="true"],
@@ -52,6 +48,12 @@ input[type="checkbox"]:checked + .btn--primary {
   --border-color: var(--color-primary-hover);
 }
 
+.btn--secondary {
+  --background: var(--color-black-10);
+  --border-color: transparent;
+  --color: var(--color-black);
+}
+
 .btn--black {
   --background: var(--color-black);
   --color: var(--color-white);
@@ -94,6 +96,9 @@ input[type="checkbox"]:checked + .btn--primary {
   .btn--grey:hover {
     --background: var(--color-grey-800);
   }
+  .btn--secondary:hover {
+    --background: var(--color-black-20);
+  }
 }
 
 .btn:focus-visible {