wab site

.magic-btn { background: linear-gradient(90deg, #ff6b6b, #4ecdc4); background-size: 400% 400%; animation: gradientFlow 3s ease infinite; } @keyframes gradientFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .magic-btn:hover { transform: perspective(500px) rotateX(15deg) scale(1.1); box-shadow: 0 20px 30px rgba(0,0,0,0.2); }