@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:300,400,600,700,800|Poppins:300,400,500,600,700');


.btn {
  appearance: none;
    -webkit-appearance: none;
  font-family: Poppins;
  font-weight: bold;
  cursor: pointer;
  padding: 12px;
  min-width: 100px;
  border: 0px;
    -webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
     transition: background-color 100ms linear;
}

.btn:focus, .btn.focus {
  outline: 0;
}

.btn-round-1 {
  border-radius: 8px;
}

.btn-round-2 {
  border-radius: 20px;
}

.btn-dark {
  background: #DCE2EB;
  color: #666666;
}

.btn-dark:hover {
  background: #707070;
  color: #ffffff;
}

.btn-light {
  background: #ededed;
  color: #000;
}

.btn-light:hover {
  background: #ffffff;
  color: #000;
}

.btn-primary {
  background: #3498db;
  color: #ffffff;
}

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

.btn-success {
  background: #2ecc71;
  color: #ffffff;
}

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

.btn-warning {
  background: #f1c40f;
  color: #ffffff;
}

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

.btn-danger {
  background: #e74c3c;
  color: #ffffff;
}

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

.btn2 {
  appearance: none;
    -webkit-appearance: none;
  font-family: Poppins;
  font-weight: bold;
 font-size: 18px;
  cursor: pointer;
  padding: 30px;
  margin: 25px;
  min-width: 100px;
  border: 1px;
    -webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
     transition: background-color 100ms linear;
}

.btn2:focus, .btn.focus {
  outline: 0;
}

.btn2-round-1 {
  border-radius: 8px;
}

.btn2-round-2 {
  border-radius: 20px;
}

.btn2-dark {
  background: #000000;
  color: #ffffff;
}

.btn2-dark:hover {
  background: #212121;
  color: #ffffff;
}

.btn2-light {
  background: #3B4E99;
  color: #ffffff;
}

.btn2-light:hover {
  background: #ffffff;
  color: #000;
}

.btn2-primary {
  background: #3498db;
  color: #ffffff;
}

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

.btn2-success {
  background: #2ecc71;
  color: #ffffff;
}

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

.btn2-warning {
  background: #f1c40f;
  color: #ffffff;
}

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

.btn2-danger {
  background: #e74c3c;
  color: #ffffff;
}

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