From 663f841fff47c9e3521d18b2bf73c13b83807bae Mon Sep 17 00:00:00 2001
From: timotheegoguely <timothee@goguely.com>
Date: Wed, 9 Oct 2024 18:21:58 +0200
Subject: [PATCH] Add btn--secondary style

---
 src/assets/css/src/2.blocks.button.css | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

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 {