/* v2.1.0: Buttons */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-sm);
  padding: 0.875rem 1.5rem;
  font-size: 0.9375rem;
  font-weight: 600;
  border-radius: var(--radius);
  transition: all var(--transition);
}

.btn-primary {
  background: var(--gold-500);
  color: var(--gray-900);
}

.btn-primary:hover {
  background: var(--gold-400);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(251,191,36,0.3);
}

.btn-secondary {
  background: var(--green-600);
  color: white;
}

.btn-secondary:hover {
  background: var(--green-700);
}

.btn-outline {
  border: 2px solid rgba(255,255,255,0.3);
  color: white;
}

.btn-outline:hover {
  background: rgba(255,255,255,0.1);
  border-color: rgba(255,255,255,0.5);
}

.btn-lg {
  padding: 1rem 2rem;
  font-size: 1rem;
}

.btn-block {
  width: 100%;
}