
.btn {
  border-radius: 0px;
  font-size: 14px;
}
.btn > .fa {
  margin-right: 5px;
}
.btn.btn-transparent {
  background-color: transparent;
  color: #fff;
  border-color: #fff;
}
.btn.btn-transparent:hover,
.btn.btn-transparent:focus,
.btn.btn-transparent:active {
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.btn-primary {
  color: #fff;
  background-color: #282460;
  border: 1px solid #282460;
}
.btn.btn-primary:active {
  background-color: #342C74;
}
.btn.btn-default {
  color: #333;
  background-color: #f1f1f1;
  border: 1px solid #d0d0d0;
}
.btn.btn-default:active {
  background-color: #e4e4e4;
}
.btn.btn-success {
  color: #fff;
  background-color: #02c66c;
  border: 1px solid #02ad5e;
}
.btn.btn-success:active {
  background-color: #02ad5e;
}
.btn.btn-info {
  color: #fff;
  background-color: #54c8eb;
  border: 1px solid #34bee7;
}
.btn.btn-info:active {
  background-color: #3dc1e8;
}
.btn.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border: 1px solid #eea236;
}
.btn.btn-warning:active {
  background-color: #eea236;
}
.btn.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border: 1px solid #d43f3a;
}
.btn.btn-danger:active {
  background-color: #d43f3a;
}
.btn.btn-royal {
  color: #fff;
  background-color: #ac60d0;
  border: 1px solid #9e44c8;
}
.btn.btn-royal:active {
  background-color: #a24cca;
}