.btn {
  line-height: 38px;
  border: 2px solid #fc427f;
  background-color: #fc427f;
  color: #ffffff !important;
  padding: 0 29px;
  border-radius: 21px;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 1.4rem;
}
.btn:active, .btn:focus, .btn:active:focus, .btn:visited {
  background-color: #fc427f;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  color: #ffffff !important;
}
.btn:hover, .btn:hover:active, .btn:hover:focus, .btn:hover:active:focus {
  background-color: #111111;
  border-color: #111111;
  color: #ffffff !important;
}
.btn:hover .fa, .btn:hover:active .fa, .btn:hover:focus .fa, .btn:hover:active:focus .fa {
  color: #ffffff;
}
.btn .fa {
  margin-right: 4px;
  color: #fc427f;
}
.btn.btn-border {
  background-color: transparent;
  color: #fc427f !important;
}
.btn.btn-border:active, .btn.btn-border:focus, .btn.btn-border:active:focus, .btn.btn-border:visited {
  background-color: transparent;
  color: #fc427f !important;
}
.btn.btn-border:hover, .btn.btn-border:hover:active, .btn.btn-border:hover:focus, .btn.btn-border:hover:active:focus {
  background-color: #fc427f;
  color: #ffffff !important;
}
.btn.btn-border.btn-white {
  background-color: transparent;
  color: #ffffff !important;
}
.btn.btn-border.btn-white:focus, .btn.btn-border.btn-white:visited, .btn.btn-border.btn-white:active, .btn.btn-border.btn-white:focus:visited, .btn.btn-border.btn-white:active:focus {
  background-color: #ffffff;
  color: #ffffff !important;
}
.btn.btn-border.btn-white:hover, .btn.btn-border.btn-white:focus:hover, .btn.btn-border.btn-white:active:hover, .btn.btn-border.btn-white:active:focus:hover {
  color: #fc427f !important;
}
.btn.btn-border.btn-black {
  background-color: transparent;
  color: #111111 !important;
  border-color: #111111;
}
.btn.btn-border.btn-black:focus, .btn.btn-border.btn-black:visited, .btn.btn-border.btn-black:active, .btn.btn-border.btn-black:focus:visited, .btn.btn-border.btn-black:active:focus {
  color: #111111 !important;
  border-color: #111111;
}
.btn.btn-border.btn-black:hover, .btn.btn-border.btn-black:focus:hover, .btn.btn-border.btn-black:active:hover, .btn.btn-border.btn-black:active:focus:hover {
  color: #ffffff !important;
  border-color: #fc427f;
}
.btn.btn-white {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #fc427f !important;
}
.btn.btn-white:active, .btn.btn-white:focus, .btn.btn-white:active:focus, .btn.btn-white:visited {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #fc427f !important;
}
.btn.btn-white:hover, .btn.btn-white:hover:active, .btn.btn-white:hover:focus, .btn.btn-white:hover:active:focus {
  background-color: #f7f7f7;
  border-color: #f7f7f7;
  color: #111111 !important;
}
.btn.btn-white.btn-simple {
  color: #ffffff !important;
}
.btn.btn-white.btn-simple:focus, .btn.btn-white.btn-simple:visited, .btn.btn-white.btn-simple:active, .btn.btn-white.btn-simple:active:focus {
  color: #ffffff !important;
}
.btn.btn-white.btn-simple:focus .fa, .btn.btn-white.btn-simple:visited .fa, .btn.btn-white.btn-simple:active .fa, .btn.btn-white.btn-simple:active:focus .fa {
  color: #ffffff;
}
.btn.btn-black {
  background-color: #111111;
  border-color: #111111;
  color: #ffffff !important;
}
.btn.btn-black:active, .btn.btn-black:focus, .btn.btn-black:active:focus, .btn.btn-black:visited {
  background-color: #111111;
  border-color: #111111;
  color: #ffffff !important;
}
.btn.btn-black:hover, .btn.btn-black:hover:active, .btn.btn-black:hover:focus, .btn.btn-black:hover:active:focus {
  background-color: #fc427f;
  border-color: #fc427f;
  color: #ffffff !important;
}
.btn.btn-simple {
  border-color: transparent;
  background-color: transparent;
  color: #111111 !important;
}
.btn.btn-simple:focus, .btn.btn-simple:visited, .btn.btn-simple:active, .btn.btn-simple:active:focus {
  border-color: transparent;
  background-color: transparent;
  color: #111111 !important;
}
.btn.btn-simple:hover, .btn.btn-simple:active:hover, .btn.btn-simple:focus:hover, .btn.btn-simple:hover:active:focus {
  color: #ffffff !important;
  background-color: #fc427f;
  border-color: #fc427f;
}
.btn.btn-lg {
  line-height: 49px;
  border-radius: 26.5px;
  padding: 0 39px;
}
.btn.btn-lg.btn-simple {
  padding: 0 27px;
}
.btn.btn-sm {
  font-size: 1.2rem;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 29px;
  border-radius: 17px;
  padding: 0 19px;
}

.button-group .btn + .btn:not(.btn-simple) {
  margin-left: 26px;
}