// كود CSS للزر التفاعلي .demo-button { background: var(--gradient); color: white; padding: 1rem 2rem; border: none; border-radius: 8px; transition: all 0.3s; } .demo-button:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(37, 99, 235, 0.3); }