apps/web: replace global button style with .button-submit

apps/web/components/Form.module.scss

@@ -7,3 +7,20 @@
     margin: 7px 0;
   }
 }
+
+.button-submit {
+  background-color: var(--color-primary);
+  font-family: Montserrat;
+  border: 0;
+  color: #fff;
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: bold;
+  line-height: 2;
+  outline: 0;
+  padding: 0.55rem 0.75rem;
+  text-align: center;
+  text-transform: uppercase;
+  vertical-align: middle;
+  width: 100%;
+}

apps/web/components/Form.tsx

@@ -50,7 +50,9 @@ function LoginForm({ onLogin }: LoginFormProps) {
         {...register('password', { required: true })}
       />
       {hasError ? <span className="error">Неверный логин или пароль</span> : null}
-      <button type="submit">Войти</button>
+      <button className={styles['button-submit']} type="submit">
+        Войти
+      </button>
     </form>
   );
 }

apps/web/styles/button.css

@@ -1,16 +0,0 @@
-button {
-  background-color: var(--color-primary);
-  font-family: Montserrat;
-  border: 0;
-  color: #fff;
-  cursor: pointer;
-  font-size: 14px;
-  font-weight: bold;
-  line-height: 2;
-  outline: 0;
-  padding: 0.55rem 0.75rem;
-  text-align: center;
-  text-transform: uppercase;
-  vertical-align: middle;
-  width: 100%;
-}

apps/web/styles/globals.css

@@ -1,5 +1,4 @@
 @import 'node_modules/modern-normalize/modern-normalize.css';
-@import './button.css';
 @import './input.css';
 @import './h.css';
 @import './error.css';