Hover efektli modern buton tasarımı
<style>
.modern-btn {
background: linear-gradient(45deg, #667eea 0%, #764ba2 100%);
border: none;
border-radius: 25px;
color: white;
padding: 12px 30px;
font-size: 16px;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}
.modern-btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(0,0,0,0.3);
}
</style>
<button class="modern-btn">Tıkla</button><head> bölümüne CSS kodlarını ekleyin</body> etiketinden önce ekleyin