.button {
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 0;
  font-family: "factoria";
  font-style: normal;
  font-weight: 700;
}
.btn-default {
  background: #fdb827;
  border: 1px solid #fdb827;
  color: white;
}
.btn-default:hover,
.btn-default:active,
.btn-default:focus {
  background: #ed1b2e;
  border: 1px solid #ed1b2e;
  color: white;
  outline: none !important;
}
.btn-inverted {
  background: #ed1b2e;
  border: 1px solid #ed1b2e;
}
.btn-inverted:hover,
.btn-inverted:active,
.btn-inverted:focus {
  background: #fdb827;
  border: 1px solid #fdb827;
  color: white;
}
.btn-red {
  background: #ed1b2e;
  border: 1px solid #ed1b2e;
  color: white;
}
.btn-red:hover,
.btn-red:active,
.btn-red:focus {
  background: #fdb827;
  border: 1px solid #fdb827;
  color: white;
}
.btn-blue {
  background: #087ec5;
  border: 1px solid #087ec5;
  color: white;
}
.btn-blue:hover,
.btn-blue:active,
.btn-blue:focus {
  background: #ed1b2e;
  border: 1px solid #ed1b2e;
  color: white;
}
.btn.btn-full {
  width: 100% !important;
}
.truncate-mobile {
  white-space: normal;
}
@media (min-width: 768px) {
  .btn {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .btn.btn-full-mobile {
    width: 100% !important;
  }
}