/* Colours */
/* Button Style Classes */
.btn {
  border-radius: 5px;
  border-width: 2px;
  padding: 5px;
  transition: 50ms; }

.btn-primary {
  background-color: #3498db;
  border: 2px solid #2980b9;
  color: white; }

.btn-danger {
  background-color: #e74c3c;
  border: 2px solid #c0392b;
  color: white; }

.btn-warning {
  background-color: #f1c40f;
  border: 2px solid #f39c12;
  color: white; }

.btn-success {
  background-color: #2ecc71;
  border: 2px solid #27ae60;
  color: white; }

/* Hover classes */
.btn:hover {
  background-color: rgba(216, 216, 216, 0.847); }

.btn-primary:hover {
  background-color: #2980b9; }

.btn-danger:hover {
  background-color: #c0392b; }

.btn-warning:hover {
  background-color: #f39c12; }

.btn-success:hover {
  background-color: #27ae60; }