diff --git a/assets/css/custom.css b/assets/css/custom.css index 37058a3..8ee39a4 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -628,29 +628,40 @@ body:has(#guest-view:not(.d-none)) footer { .add-option-btn { border: 2px solid #F0F0F0 !important; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; + background-color: #ffffff !important; + color: var(--text-main) !important; } .add-option-btn:hover { border-color: var(--brand-primary) !important; - background-color: #F7FAF9 !important; - transform: scale(1.02); + background-color: #ffffff !important; + transform: translateY(-5px); + box-shadow: 0 15px 35px rgba(45, 106, 79, 0.1) !important; } .add-option-btn i { color: var(--brand-primary); - background: #E9F5EF; - width: 60px; - height: 60px; + background: #F7FAF9; + width: 80px; + height: 80px; display: flex; align-items: center; justify-content: center; - border-radius: 18px; - transition: all 0.3s ease; + border-radius: 50%; + margin-bottom: 1.5rem !important; + transition: all 0.4s ease; + border: 1px solid #E9F5EF; } .add-option-btn:hover i { background: var(--brand-primary); color: #ffffff; + transform: rotate(10deg) scale(1.1); +} + +.add-option-btn .fw-bold { + color: var(--text-main); + font-size: 1rem; } #take-photo-btn, #take-products-photo-btn { diff --git a/index.php b/index.php index 6ae046a..b79cfbd 100644 --- a/index.php +++ b/index.php @@ -27,7 +27,7 @@ - + @@ -220,35 +220,43 @@
-
- - - - +
+
+ +
+
+ +
+
+ +
+
+ +
@@ -503,8 +511,7 @@ - - +