From b1e7d2d49ac0770a175d0cb7e9428444196d063a Mon Sep 17 00:00:00 2001
From: Patrick Alvin Alcala <patrick_alv@yahoo.com>
Date: Wed, 4 Jun 2025 17:32:12 +0800
Subject: [PATCH] Redesigned button

---
 src/components/ButtonComponent/Button.sass | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/components/ButtonComponent/Button.sass b/src/components/ButtonComponent/Button.sass
index a0bdef1..0e01f21 100644
--- a/src/components/ButtonComponent/Button.sass
+++ b/src/components/ButtonComponent/Button.sass
@@ -1,14 +1,22 @@
 @use '/src/styles/variables.sass' as vars
+@use 'sass:color'
 
 .button
-  background-color: #5e825f
+  background: vars.$primaryColor
   border: none
-  border-radius: 4px
+  border-radius: 16px
   color: white
-  padding: 1rem 2rem
+  padding: 0.5rem 1.25rem
   text-align: center
   text-decoration: none
   display: inline-block
-  font-size: 16px
-  margin: 4px 2px
+  font-size: 0.75rem
+  font-weight: 700
   cursor: pointer
+  transition: all 0.2s ease-out
+
+  &:hover
+    background: color.adjust(vars.$primaryColor, $blackness: 20%)
+
+  &:active
+    transform: scale(0.95)