CSS
.btn:hover, .btn:focus{
outline: none;
color:#fff;
}
.btn{
text-transform: capitalize;
color:#fff;
}
.btn:hover{
color: #fff;
}
.blue{
border: 1px solid #5472d2;
background: #5472d2;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0px, rgba(255, 255, 255, 0.01) 100%);
background-repeat: repeat-x;
transition:all 0.2s ease-in-out 0s;
}
.blue:hover{
background: #3c5ecc;
clor:#3c5ecc;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0px, rgba(255, 255, 255, 0.01) 100%);
}
.purple,
.green,
.light-green{
background: #8d6dc4;
border:1px solid #8d6dc4;
transition:all 0.2s ease-in-out 0s;
}
.purple:hover{
background: #7c57bb;
}
.green{
background: #6dab3c;
border-color: #6dab3c;
}
.green:hover{
background: #5f9434;
}
.light-green{
background: #75d69c;
border-color: #75d69c;
}
.light-green:hover{
background: #4ac97d;
}
@media only screen and (max-width: 767px) {
.btn{
margin-bottom: 15px;
}
}