Create a modern button with a smooth linear gradient and hover animation.
Usage
<button class=”gradient-btn”>
Read More
</button>
.gradient-btn {
display: inline-block;
padding: 12px 24px;
color: #fff;
background: linear-gradient(45deg, #4f46e5, #06b6d4);
border: none;
border-radius: 6px;
cursor: pointer;
transition: transform 0.3s ease;
}
.gradient-btn:hover {
transform: translateY(-2px);
}
