buttons.css

/**
 * Buttons
 */

.btn {
  display: inline-block;
  padding: 10px 40px;
  background: -webkit-linear-gradient(#f8f9fa, #f1f3f5);
  background: -moz-linear-gradient(#f8f9fa, #f1f3f5);
  background: -o-linear-gradient(#f8f9fa, #f1f3f5);
  background: linear-gradient(#f8f9fa, #f1f3f5);
  border: solid 1px #e9ecef;
  border-radius: 3px;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  color: #343a40;
}
.btn:hover {
  background: -webkit-linear-gradient(#f1f3f5, #e9ecef);
  background: -moz-linear-gradient(#f1f3f5, #e9ecef);
  background: -o-linear-gradient(#f1f3f5, #e9ecef);
  background: linear-gradient(#f1f3f5, #e9ecef);
  border-color: #dee2e6;
}
.btn:active {
  background: #e9ecef;
  border-color: #ced4da;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15);
}
.btn.btn-min {
  padding: 6px 20px;
}
.btn.btn-success,
.btn.btn-danger,
.btn.btn-info {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
  color: #f8f9fa;
}
.btn.btn-success:active,
.btn.btn-danger:active,
.btn.btn-info:active {
  text-shadow: 0 1px 0 rgba(0, 0, 0, .15);
}
.btn.btn-success {
  background: -webkit-linear-gradient(#51cf66, #40c057);
  background: -moz-linear-gradient(#51cf66, #40c057);
  background: -o-linear-gradient(#51cf66, #40c057);
  background: linear-gradient(#51cf66, #40c057);
  border-color: #37b24d;
}
.btn.btn-success:hover {
  background: -webkit-linear-gradient(#40c057, #37b24d);
  background: -moz-linear-gradient(#40c057, #37b24d);
  background: -o-linear-gradient(#40c057, #37b24d);
  background: linear-gradient(#40c057, #37b24d);
  border-color: #2f9e44;
}
.btn.btn-success:active {
  background: #37b24d;
  border-color: #2b8a3e;
}
.btn.btn-danger {
  background: -webkit-linear-gradient(#ff6b6b, #fa5252);
  background: -moz-linear-gradient(#ff6b6b, #fa5252);
  background: -o-linear-gradient(#ff6b6b, #fa5252);
  background: linear-gradient(#ff6b6b, #fa5252);
  border-color: #f03e3e;
}
.btn.btn-danger:hover {
  background: -webkit-linear-gradient(#fa5252, #f03e3e);
  background: -moz-linear-gradient(#fa5252, #f03e3e);
  background: -o-linear-gradient(#fa5252, #f03e3e);
  background: linear-gradient(#fa5252, #f03e3e);
  border-color: #e03131;
}
.btn.btn-danger:active {
  background: #f03e3e;
  border-color: #c92a2a;
}
.btn.btn-info {
  background: -webkit-linear-gradient(#329af0, #228ae6);
  background: -moz-linear-gradient(#329af0, #228ae6);
  background: -o-linear-gradient(#329af0, #228ae6);
  background: linear-gradient(#329af0, #228ae6);
  border-color: #1c7cd6;
}
.btn.btn-info:hover {
  background: -webkit-linear-gradient(#228ae6, #1c7cd6);
  background: -moz-linear-gradient(#228ae6, #1c7cd6);
  background: -o-linear-gradient(#228ae6, #1c7cd6);
  background: linear-gradient(#228ae6, #1c7cd6);
  border-color: #1b6ec2;
}
.btn.btn-info:active {
  background: #1c7cd6;
  border-color: #1862ab;
}