From f981057bbd9cb8de11f29b6f491fa0214730be3d Mon Sep 17 00:00:00 2001
From: ThiagoDuutra <thiagoduutra01@gmail.com>
Date: Tue, 8 Nov 2022 14:09:33 -0300
Subject: [PATCH] feat: Finalizada o css

---
 style/form.css | 55 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 55 insertions(+)

diff --git a/style/form.css b/style/form.css
index 44608ab..da2071d 100644
--- a/style/form.css
+++ b/style/form.css
@@ -35,3 +35,58 @@
   text-align: center;
   margin: 0 4px;
 }
+
+.shopping-form-quantity-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  width: 32px;
+  height: 32px;
+  border: none;
+  border-radius: 4px;
+  transition: background-color 0.2s linear;
+  background: var(--gray-100);
+}
+
+.shopping-form-quantity-button:hover {
+  background: var(--orange-500);
+}
+
+.shopping-form-quantity-button:active {
+  background: var(--orange-300);
+}
+
+.shopping-form-quantity-button::before,
+.shopping-form-increment::after {
+  content: "";
+  position: absolute;
+  width: 16px;
+  height: 4px;
+  border-radius: 4px;
+  background: var(--white);
+}
+
+.shopping-form-increment::after {
+  transform: rotate(90deg);
+}
+
+.shopping-form-submit-button {
+  max-width: 128px;
+  width: 100%;
+  height: 32px;
+  border: none;
+  border-radius: 4px;
+  color: var(--white);
+  font-weight: 700;
+  background: var(--orange-500);
+  transition: background-color 0.2s linear;
+}
+
+.shopping-form-submit-button:hover {
+  background: var(--orange-300);
+}
+
+.shopping-form-submit-button:active {
+  background: var(--orange-500);
+}