diff --git a/src/assets/css/src/2.blocks.button.css b/src/assets/css/src/2.blocks.button.css
index 7d5b8a8..90a2ca0 100644
--- a/src/assets/css/src/2.blocks.button.css
+++ b/src/assets/css/src/2.blocks.button.css
@@ -8,6 +8,7 @@
   display: inline-flex;
   justify-content: center;
   align-items: center;
+  gap: var(--space-8);
   padding: .6rem var(--space-16) .75em;
   max-height: 2.5rem;
   text-align: center;
@@ -79,12 +80,19 @@ input[type="checkbox"]:checked + .btn--primary {
   padding: .375rem var(--space-12) .5rem;
 }
 
-.btn[data-icon]::before {
-  margin-right: var(--space-8);
-}
-
 @media (hover: hover) {
-  
+  .btn:hover {
+    --background: var(--color-primary-hover);
+  }
+  .btn--primary:hover {
+    --background: var(--color-primary-10);
+  }
+  .btn--white:hover {
+    --background: var(--color-white);
+  }
+  .btn--grey:hover {
+    --background: var(--color-grey-800);
+  }
 }
 
 .btn:focus-visible {