[class^='lg-btn-'],
[class*=' lg-btn-'] {
  font-weight: 600;
  border-radius: 3px;
  padding-left: 25px;
  padding-right: 25px;
}

[class^='lg-btn-'].btn-lg,
[class*=' lg-btn-'].btn-lg {
  font-size: 14px;
  padding-left: 35px;
  padding-right: 35px;
}

[class^='lg-btn-'].btn-sm,
[class*=' lg-btn-'].btn-sm {
  padding: 6px 15px 4px 15px;
}

[class^='lg-btn-'].btn-xs,
[class*=' lg-btn-'].btn-xs {
  padding: 2px 8px 0 8px;
}

.btn [class^='lg-icon-'],
.btn [class*=' lg-icon-'] {
  vertical-align: bottom;
  margin-right: 2px;
}


/* Outline button */

.lg-btn-outline {
  color: #657584;
  border: 1px solid #657584;
  background-color: #fff;
}

.lg-btn-outline:hover {
  background-color: #f4f4f4;
  color: #657584;
  border-color: #657584;
}

.lg-btn-outline:focus {
  color: #657584;
}


/* Red button */

.lg-btn-red {
  border: 1px solid #ff6666;
  background-color: #ff6666;
  color: #fff;
}

.lg-btn-red:hover {
  color: #fff;
  background-color: #E65757;
  border-color: #E65757;
}

.lg-btn-red:focus {
  color: #fff;
}


/* Red outline button */

.lg-btn-outline-red {
  border: 1px solid #ff6666;
  background-color: #fff;
  color: #ff6666;
}

.lg-btn-outline-red:hover {
  color: #ff6666;
  background-color: #fff6f6;
}

.lg-btn-outline-red:focus {
  color: #ff6666;
}


/* Grey button */

.lg-btn-grey {
  background-color: #a7adb3;
  border: 1px solid #a7adb3;
  color: #fff;
}

.lg-btn-grey:hover {
  color: #fff;
  background-color: #8b95a0;
  border-color: #8b95a0;
}

.lg-btn-grey:focus {
  color: #fff;
}


/* Blue button */

.lg-btn-blue {
  background-color: #bdd4de;
  border: 1px solid #bdd4de;
  color: #fff;
}

.lg-btn-blue:hover {
  color: #fff;
  background-color: #a0becb;
  border-color: #a0becb;
}

.lg-btn-blue:focus {
  color: #fff;
}


/* White button */

.lg-btn-outline-white {
  background-color: rgba(255,255,255,.1);
  border-color: #fff;
  color: #fff;
}

.lg-btn-outline-white:hover {
  background-color: rgba(255,255,255,.2);
  color: #fff;
}

.lg-btn-outline-white:focus {
  color: #fff;
}

/* Grey outline button */

.lg-btn-outline-grey {
  background-color: #fff;
  border-color: #CCCCCC;
  color: #3E454C;
}

.lg-btn-outline-grey:hover {
  background-color: #f4f4f4;
  color: #3E454C;
}

.lg-btn-outline-grey:focus {
  color: #3E454C;
}