.lc-button {
  cursor: pointer;
  border: 0;
  transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease !important;
  text-decoration: none !important;
  display: inline-block;
  line-height: 1.2;
  border-radius: 0;
  position: relative;
  font-size: 14px;
  padding: 10px 20px;
  border-bottom: 2px solid;
  color: #000;
}
.lc-button span.show-on-loading {
  display: none;
}

.lc-button.uppercase {
  text-transform: uppercase;
}

.lc-button.strong {
  font-weight: bold;
}

.lc-button:disabled {
  opacity: 0.5;
}

.lc-hidden-submit {
  display: none;
}

/* --- loading --- */
.lc-button.loading span.hide-on-loading {
  display: none;
}
.lc-button.loading span.show-on-loading {
  display: inline-block;
}

/* --- sizes --- */
.lc-button.small {
  font-size: 14px;
  padding: 7px 14px;
}

.lc-button.medium {
  font-size: 14px;
  padding: 10px 20px;
}

.lc-button.wide {
  padding-left: 50px;
  padding-right: 50px;
}

/* --- colors --- */
.lc-button.attention-high {
  color: #fff;
  background-color: #ff7a03;
  border-bottom-color: #cf6200;
}

.lc-button.attention-high:hover {
  background-color: #e96e00;
  color: #fff;
}

.lc-button.attention-medium {
  color: #fff;
  background-color: #009bde;
  border-bottom-color: #005478;
}

.lc-button.attention-medium:hover {
  color: #fff;
  background-color: #0077ab;
}

.lc-button.attention-low {
  color: #000;
  background-color: #ccc;
  border-bottom-color: #999999;
}

.lc-button.attention-low:hover {
  color: #000;
  background-color: #bbb;
}

.lc-button.attention-remove {
  color: #fff;
  background-color: #ff4656;
  border-bottom-color: #df0013;
}

.lc-button.attention-remove:hover {
  background-color: #ff1327;
}