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);
+}