.btn {
  display: inline-block;
  min-width: 120px;
  padding: 10px 25px;
  margin-bottom: 1em;
  border: none;
  border-radius: 3px;
  font-size: 1em;
  line-height: 1.4em;
  text-align: center;
  text-decoration: none;
  transition: border-color 0.25s, background-color 0.25s, color 0.25s;
  background: #ad9931;
  color: #fff;
}

.btn.btn-sm {
  padding: 5px 15px;
  min-width: 30px;
  font-size: 0.8em;
  line-height: 1.2em;
}

.btn.btn-lg {
  padding: 12px 45px;
  min-width: 200px;
  font-size: 1.4em;
}

.btn:hover {
  background-color: #1f83c6;
  color: #fff;
}

.btn:active {
  background-color: #0a6eb1;
  color: #fff;
  top: 1px;
  position: relative;
}

.btn.btn-success {
  background: #667270;
  color: #fff;
}

.btn.btn-success:hover {
  background-color: #06a786;
  color: #fff;
}

.btn.btn-success:active {
  background-color: #009271;
  color: #fff;
  top: 1px;
  position: relative;
}

.btn.btn-error {
  background: #E74C3C;
  color: #fff;
}

.btn.btn-error:hover {
  background-color: #d23727;
  color: #fff;
}

.btn.btn-error:active {
  background-color: #bd2212;
  color: #fff;
  top: 1px;
  position: relative;
}

.btn.btn-warning {
  background: #F1C000;
  color: #fff;
}

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

.btn.btn-warning:active {
  background-color: #c79600;
  color: #fff;
  top: 1px;
  position: relative;
}

.btn.btn-light {
  background: #ecf0f1;
  color: #999;
}

.btn.btn-light:hover {
  background-color: #d7dbdc;
  color: #fff;
}

.btn.btn-light:active {
  background-color: #c2c6c7;
  color: #fff;
  top: 1px;
  position: relative;
}

.btn.btn-dark {
  background: #252428;
  color: #fff;
}

.btn.btn-dark:hover {
  background-color: #100f13;
  color: #fff;
}

.btn.btn-dark:active {
  background-color: black;
  color: #fff;
  top: 1px;
  position: relative;
}

.btn.btn-empty {
  background: transparent;
  border: 2px solid #3498DB;
  border-radius: 1000px;
  padding: 8px 25px;
  border: 2px solid #3498DB;
  color: #3498DB;
  background: none;
}

.btn.btn-empty:hover {
  color: #1f83c6;
  border-color: #1f83c6;
  background: none;
}

.btn.btn-empty:active {
  color: #0a6eb1;
  border-color: #0a6eb1;
  background: none;
}

.btn.btn-empty.btn-success {
  border: 2px solid #1BBC9B;
  color: #1BBC9B;
  background: none;
}

.btn.btn-empty.btn-success:hover {
  color: #06a786;
  border-color: #06a786;
  background: none;
}

.btn.btn-empty.btn-success:active {
  color: #009271;
  border-color: #009271;
  background: none;
}

.btn.btn-empty.btn-error {
  border: 2px solid #E74C3C;
  color: #E74C3C;
  background: none;
}

.btn.btn-empty.btn-error:hover {
  color: #d23727;
  border-color: #d23727;
  background: none;
}

.btn.btn-empty.btn-error:active {
  color: #bd2212;
  border-color: #bd2212;
  background: none;
}

.btn.btn-empty.btn-warning {
  border: 2px solid #F1C000;
  color: #F1C000;
  background: none;
}

.btn.btn-empty.btn-warning:hover {
  color: #dcab00;
  border-color: #dcab00;
  background: none;
}

.btn.btn-empty.btn-warning:active {
  color: #c79600;
  border-color: #c79600;
  background: none;
}

.btn.btn-empty.btn-light {
  border: 2px solid #ddd;
  color: #999;
  background: none;
}

.btn.btn-empty.btn-light:hover {
  color: #848484;
  border-color: #c8c8c8;
  background: none;
}

.btn.btn-empty.btn-light:active {
  color: #6f6f6f;
  border-color: #b3b3b3;
  background: none;
}

.btn.btn-empty.btn-dark {
  border: 2px solid #252428;
  color: #252428;
  background: none;
}

.btn.btn-empty.btn-dark:hover {
  color: #100f13;
  border-color: #100f13;
  background: none;
}

.btn.btn-empty.btn-dark:active {
  color: black;
  border-color: black;
  background: none;
}