hover effects

natho19 · Jul 25, 2023 · 25d4474 · 25d4474
1 parent 1c89115
commit 25d4474
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/003-product-preview-card-component/assets/style.css b/003-product-preview-card-component/assets/style.css
@@ -4,6 +4,7 @@
  --aurometal-saurus: #6c7289;
  --gunmetal: #1c232b;
  --deep-aquamarine: #3d8168;
+ --deep-aquamarine-hover: #1a4032;
  --pure-white: #ffffff;
 }
 
@@ -45,6 +46,7 @@ button {
  line-height: normal;
  outline: none;
  cursor: pointer;
+ transition: all ease-in-out 0.2s;
 }
 
 /* Card */
@@ -126,3 +128,7 @@ button {
 .card-button img {
  margin-right: 11.5px;
 }
+
+.card-button:hover {
+ background-color: var(--deep-aquamarine-hover);
+}