.btnl {
  border: 2px solid black;
  border-radius: 5px;
  background-color: white;
  color: black;
  padding: 5px 12px;
  font-size: 14px;
  cursor: pointer;
}

/* Green */
.success {
  border-color: #04AA6D;
  /* color: green;*/
}

.success:hover {
  background-color: #04AA6D;
  color: white;
}

/* Blue */
.info {
  border-color: #2196F3;
  /* color: dodgerblue*/
}

.info:hover {
  background: #2196F3;
  color: white;
}

/* Orange */
.warning {
  border-color: #ff9800;
  /*color: orange;*/
}

.warning:hover {
  background: #ff9800;
  color: white;
}

/* Red */
.danger {
  border-color: #f44336;
  /* color: red*/
}

.danger:hover {
  background: #f44336;
  color: white;
}

/* Purple */
.purple {
  border-color: #430fa3;
  color: black;
}

.purple:hover {
  background: #430fa3;
  color: white;
}

/* Gray */
.default {
  border-color: #e7e7e7;
  color: black;
}

.default:hover {
  background: #e7e7e7;
}