/**
 * SimpleButton Component Styles
 *
 * Purpose: Synchronous button component for instant actions
 * Dependencies: button-base.css, design-tokens-core.css
 */

/* Import shared button base styles */
@import url('./button-base.css');

/* ========================================
   SIMPLEBUTTON SPECIFIC STYLES
   ======================================== */

/* SimpleButton specific styles */
.simple-button {
  /* Core button styles already applied via .btn class */
  /* Add any SimpleButton-specific styles here if needed */
}

/* Icon inside button (not icon-only button) */
.simple-btn-icon {
  display: inline;
  margin-right: 4px;
  line-height: inherit;
}

/* Loading state */
.simple-button.loading {
  cursor: wait;
  opacity: 0.7;
}

.simple-button.loading::after {
  content: '...';
  animation: dots 1.5s infinite;
}

@keyframes dots {
  0%, 20% { content: ''; }
  40% { content: '.'; }
  60% { content: '..'; }
  80%, 100% { content: '...'; }
}