Design custom buttons with gradients, shadows, and hover effects. Get production-ready code.
Design custom buttons with gradients, shadows, and hover effects
background-color: #6366f1; color: #ffffff; padding: 12px 18px; border-radius: 8px; font-size: 16px; font-weight: 600; border: 0px solid #000000; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Hover Effect */ background-color: #595ce7; transform: translateY(-2px); box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);