.button-ai { background-color: black; color: white; border: none; padding: 10px 20px; font-size: 16px; cursor: pointer; position: relative; overflow: hidden; }
.button-ai::after { content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient( to bottom right, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100% ); opacity: 0; transition: opacity 0.3s ease-in-out; }
.button-ai:hover::after { opacity: 1; }
.button-ai:active { transform: translateY(1px); }