Update styles.css

styles.css

@@ -66,36 +66,22 @@ button[type="submit"]:hover {
     background-color: #ffdb4d;
 }
 
-/* Прогресс бар и текст наложения */
-.overlay {
-    display: none;
-    position: fixed;
-    width: 100%;
-    height: 100%;
-    top: 0;
-    left: 0;
-    background-color: rgba(0, 0, 0, 0.5);
-    justify-content: center;
-    align-items: center;
-    text-align: center;
-}
-
-.progress-bar {
-    width: 300px;
-    height: 10px;
-    background-color: #ddd;
-    border-radius: 5px;
-    overflow: hidden;
-}
-
-.progress {
-    width: 0%;
-    height: 100%;
-    background-color: #4caf50;
-    transition: width 0.3s ease-in-out;
+.loading-message {
+    display: none; /* Скрываем сообщение о загрузке и предварительном одобрении */
+    margin-top: 20px;
+    font-style: italic;
 }
 
-.status-text {
-    margin-top: 20px;
-    color: #fff;
+/* Добавляем анимацию для класса "loading" */
+button[type="submit"].loading::after {
+    content: "";
+    width: 20px;
+    height: 20px;
+    border: 2px solid #fff;
+    border-top: 2px solid #000;
+    border-radius: 50%;
+    display: inline-block;
+    position: relative;
+    top: 4px;
+    animation: spin 1s linear infinite;
 }