...
HTML |
---|
<style>
.customBtn {
border-radius:8px;
display:inline-block;
cursor:pointer;
color:#ffffff !important;
font-size:16px;
font-weight:bold;
padding: 8px 32px;
text-decoration:none;
margin: 1px;
width: 300px;
min-width: 50%;
max-width: 600px;
text-decoration: none;
}
.customBtn:active {
position:relative;
top:1px;
}
.btnAzul{
background-color:#609af7;
}
.btnAzul:hover {
background-color:#4d84db;
text-decoration: none;
}
.btnRoxo{
background-color:#6b48ff;
}
.btnRoxo:hover {
background-color:#6147cd;
text-decoration: none;
}
.btnLaranja{
background-color:#FFAB00;
}
.btnLaranja:hover {
background-color:#FF9900;
text-decoration: none;
}
.btnVerde{
background-color:#38d161;
}
.btnVerde:hover {
background-color: #31b754;
text-decoration: none;
} </style> |