From a2230be4bac9505944a0e8349ace152d5bb991dc Mon Sep 17 00:00:00 2001
From: Nezumi <loiphan2711@gmail.com>
Date: Sun, 23 Jul 2023 20:33:32 +0700
Subject: [PATCH] Add style when hover on order button

---
 practice/practice-02/src/styles/layouts/_offer.scss | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/practice/practice-02/src/styles/layouts/_offer.scss b/practice/practice-02/src/styles/layouts/_offer.scss
index df8cc1a..d8a86cb 100644
--- a/practice/practice-02/src/styles/layouts/_offer.scss
+++ b/practice/practice-02/src/styles/layouts/_offer.scss
@@ -126,10 +126,11 @@
     @include setAbsoluteAndLocation(true, $bottom: 0px);
 
     padding: 10px 20px;
-    background-color: $primary-color;
-    border-radius: 100px;
-    color: $white;
     text-transform: capitalize;
+
+    &:hover {
+      background-color: $secondary-color;
+    }
   }
 
   &__rosemary-container {