.demo-button {
  background: linear-gradient(45deg, #007bff, #0056b3);
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
  transform: translateY(0);
  box-shadow: 0 4px 8px rgba(0,123,255,0.3);
}

.demo-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,123,255,0.4);
}

@media (prefers-reduced-motion: reduce) {
  .demo-button {
    transition: background-color 0.1s ease;
  }
  
  .demo-button:hover {
    transform: none;
    box-shadow: 0 4px 8px rgba(0,123,255,0.3);
    background: #0056b3;
  }
}