button{
min-height: 50px;
width: 200px;
background-image: linear-gradient(to right, #3a98cf, #8f94fb);
color: #fff;
border: none;
border-radius: 5px;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
cursor: pointer;
font-size: 14px;
text-transform:capitalize;
transition: transform 0.2s ease-in-out;
}
button:hover {
transform: scale(1.05);
}
@media screen and (max-width: 768px) {
button {
width: 180px;
}
}
@media screen and (max-width: 480px) {
button {
width: auto;
height:auto;
}
}