From d3829df5068471abd50f9d0d7160dabca097856f Mon Sep 17 00:00:00 2001
From: pjanik <janikpiotrek@gmail.com>
Date: Tue, 27 Aug 2024 21:42:06 +0200
Subject: [PATCH] fix: add hover and active state to square button
 [PT-188162618]

---
 src/components/square-button.scss | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/square-button.scss b/src/components/square-button.scss
index cb787f1..72a0c07 100644
--- a/src/components/square-button.scss
+++ b/src/components/square-button.scss
@@ -1,12 +1,21 @@
+@import "./vars.scss";
+
 .square-button {
   width: 32px;
   height: 32px;
   display: flex;
   justify-content: center;
   align-items: center;
-  color: #177991;
+  color: $teal-dark;
   border-radius: 3px;
-  border: 1px solid #177991;
+  border: 1px solid $teal-dark;
   background-color: white;
   cursor: pointer;
+
+  &:hover {
+    background-color: $teal-light-25;
+  }
+  &:active {
+    background-color: $teal-light-50;
+  }
 }