From e2fc4ed2aec2db8a7b431d13eb7720dcb7e5fd1a Mon Sep 17 00:00:00 2001
From: Jhonatan Nascimento <j.nascimento3138@gmail.com>
Date: Thu, 27 Nov 2025 23:22:06 -0300
Subject: [PATCH] feat: change checkbox style when selected

---
 src/components/Input/styles.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/Input/styles.tsx b/src/components/Input/styles.tsx
index 389988d..3755c3b 100644
--- a/src/components/Input/styles.tsx
+++ b/src/components/Input/styles.tsx
@@ -56,23 +56,30 @@ export const InputStyle = styled.input<InputProps>`
   color: ${({ $hasErro }) => ($hasErro ? "#B3261b" : "#333333")};
   resize: none;
 
+  &:focus {
+    border: 1px solid ${({ $hasErro }) => ($hasErro ? "#B3261b" : "#5c59bb")};
+  }
+
   &:focus ~ ${LabelInput} {
     top: -15px;
     font-size: 0.85rem;
     background-color: transparent;
     padding: 0.2rem;
     transition: all 0.4s ease;
+    color: ${({ $hasErro }) => ($hasErro ? "#B3261b" : "#5c59bb")} !important;
   }
 
   &::placeholder {
     color: transparent;
   }
+
   &:not(:placeholder-shown) ~ ${LabelInput} {
     top: -15px;
     font-size: 0.85rem;
     padding: 0.2rem;
     color: ${({ $hasErro }) => ($hasErro ? "#B3261b" : "#333333")};
   }
+
   &::-ms-reveal,
   ::-ms-clear {
     display: none;