refactor - login und auth

src/app/shared/components/ui/button/button.component.css

@@ -134,3 +134,42 @@
   visibility: visible;
   transform: translateX(-50%) translateY(-12px);
 }
+
+
+.btn.is-loading {
+  cursor: wait;
+}
+
+.btn-content.is-hidden {
+  visibility: hidden;
+  opacity: 0;
+}
+
+/* Der Lade-Spinner */
+.spinner {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 1.2rem;
+  height: 1.2rem;
+  border: 2px solid rgba(255, 255, 255, 0.3);
+  border-top-color: #fff; /* Farbe des sich drehenden Teils */
+  border-radius: 50%;
+  animation: spin 0.8s linear infinite;
+}
+
+/* Spinner-Farbe für nicht-primäre Buttons anpassen */
+.btn-secondary .spinner,
+.btn-stroked .spinner,
+.btn-flat .spinner,
+.btn-icon .spinner {
+  border: 2px solid rgba(0, 0, 0, 0.1);
+  border-top-color: var(--color-primary);
+}
+
+@keyframes spin {
+  to {
+    transform: translate(-50%, -50%) rotate(360deg);
+  }
+}