diff --git a/luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css b/luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css
index 14388a7..b230bec 100644
--- a/luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css
+++ b/luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css
@@ -126,6 +126,10 @@ input:focus {
     border: none;
 }
 
+.btn-style-payments button:disabled {
+    background: #3d3a3a;
+}
+
 .btn-click {
     border-radius: 10px !important;
     background: #EF4444 !important;
diff --git a/luckydiamond/src/components/PaymentsModal.vue b/luckydiamond/src/components/PaymentsModal.vue
index 491c1a4..9c79886 100644
--- a/luckydiamond/src/components/PaymentsModal.vue
+++ b/luckydiamond/src/components/PaymentsModal.vue
@@ -21,7 +21,7 @@
           <input type="text">
         </div>
         <div class="btn-deposit btn-style-payments">
-          <button type="submit" @click="RedirectedMethodDep">Пополнить</button>
+          <button type="submit" :disabled="offBtn" @click="RedirectedMethodDep">Пополнить</button>
         </div>
       </div>
     </div>
@@ -57,18 +57,21 @@ export default {
       card: 0,
       clickedBtn: '',
       url: '',
+      offBtn: false,
       PaymentsModalNumbers
     }
   },
   watch: {
     amount(newAmount) {
       console.log(newAmount)
+      this.offBtn = !this.offBtn
       setTimeout(() => {
         try {
           GettingMoneyOperation(newAmount)
               .then((response) => {
                 console.log('Payments Modal Working!: ', response)
                 this.url = response.url
+                this.offBtn = !this.offBtn
               })
         }
         catch (e) {