/* Extracted from index.css L1453-L1504: Buttons */

/* ===== BUTTONS ===== */
.btn { 
  padding: 0.6rem 1.15rem; 
  border: none; 
  border-radius: var(--radius-sm); 
  font-size: 0.85rem; 
  font-weight: 600; 
  cursor: pointer; 
  transition: all var(--transition);
  font-family: inherit;
  color: var(--text-secondary);
  background: var(--bg-elevated);
  border: 1px solid rgba(255,255,255,0.15);
  position: relative;
  overflow: hidden;
}
.btn::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.03), transparent);
  pointer-events: none;
}
.btn:hover { 
  background: var(--bg-card-hover); 
  border-color: rgba(255,255,255,0.1);
  color: var(--text-primary);
  transform: translateY(-1px);
}
.btn:active { transform: translateY(0); }
.btn-primary { 
  background: linear-gradient(180deg, #4aa3f5 0%, #1976d2 50%, #1565c0 100%);
  color: #ffffff; 
  border: none;
  border-top: 1px solid rgba(255,255,255,0.3);
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: 0 2px 8px rgba(25,118,210,0.4), inset 0 1px 0 rgba(255,255,255,0.2);
  -webkit-font-smoothing: antialiased;
}
.btn-primary:hover { 
  background: linear-gradient(180deg, #5bb0f7 0%, #1e88e5 50%, #1976d2 100%);
  box-shadow: 0 4px 16px rgba(25,118,210,0.5), inset 0 1px 0 rgba(255,255,255,0.25);
  transform: translateY(-1px);
}
.btn-primary:active {
  background: linear-gradient(180deg, #1565c0 0%, #1976d2 50%, #4aa3f5 100%);
  transform: translateY(0);
  box-shadow: 0 1px 4px rgba(25,118,210,0.3), inset 0 1px 3px rgba(0,0,0,0.2);
}