/* ===============================
   GLOBAL BUTTON LOADER STYLES
   =============================== */

.cs-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

/* Disabled state */
.cs-btn:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

/* Loading spinner */
.cs-btn.loading::after {
  content: "";
  width: 16px;
  height: 16px;
  border: 2px solid #ffffff;
  border-top-color: transparent;
  border-radius: 50%;
  animation: btn-spin 0.8s linear infinite;
}

/* Spinner animation */
@keyframes btn-spin {
  to {
    transform: rotate(360deg);
  }
}