From 80270202358707d9b414242f8ff9473d5ffdf3a0 Mon Sep 17 00:00:00 2001
From: shreyas61 <72587132+shreyas61@users.noreply.github.com>
Date: Thu, 24 Oct 2024 19:52:59 -0700
Subject: [PATCH] Added the active and hover button states for the check button
 (#122)

* Added the active and hover button states for the check button

* Adjusted the check button active and hover functions, removed repetitions. Used box-shaow, added transform.

* Adjusted the hover and active states, removed repeats, added box-shadow to hover, used transform and made box-shadow hidden for active.

---------

Co-authored-by: Sanjna <108957464+SanjnaT41756@users.noreply.github.com>
---
 src/styles/Exercises/UnitCircleInput.scss | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/styles/Exercises/UnitCircleInput.scss b/src/styles/Exercises/UnitCircleInput.scss
index ea9810c..8f19b4b 100644
--- a/src/styles/Exercises/UnitCircleInput.scss
+++ b/src/styles/Exercises/UnitCircleInput.scss
@@ -72,6 +72,15 @@
   padding: 1.25vw 2.5vw;
 }
 
+#unitcircleinput-check-button:hover {
+  box-shadow: 5px 5px 5px #989696;
+}
+
+#unitcircleinput-check-button:active {
+  box-shadow: none;
+  transform: scale(0.95);
+}
+
 #unitcircle-check-wrong {
   @include font-styles();
   color: red;