/* Buttons */
/*
 * General
 */
button {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

/*
 * Button
 */
.btn,
button {
  background: none;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  font: inherit;
  line-height: 1;
  padding: .25rem;
  text-align: center;
  text-decoration: none;
  outline: none;
}

button.open-nav {
  font-size: 1.5em;
}
@media screen and (min-width: 500px) {
  button.open-nav {
    margin: 1rem 0;
  }
}

.btn.btn--primary, .btn.btn--prev, .btn.btn--next,
button.btn--primary,
button.btn--prev,
button.btn--next {
  background: #0079c1;
  color: #fff;
  border: 0.056rem solid;
  padding: .5rem 1.5rem;
  position: relative;
}

.btn.btn--primary:hover, .btn.btn--primary:focus, .btn.btn--prev:hover, .btn.btn--prev:focus, .btn.btn--next:hover, .btn.btn--next:focus,
button.btn--primary:hover,
button.btn--primary:focus,
button.btn--prev:hover,
button.btn--prev:focus,
button.btn--next:hover,
button.btn--next:focus {
  background: inherit;
  color: #0079c1;
}

* + .btn.btn--primary, * + .btn.btn--prev, * + .btn.btn--next, * +
button.btn--primary, * +
button.btn--prev, * +
button.btn--next {
  margin-top: 1rem;
}

.btn.btn--primary + .btn.btn--primary, .btn.btn--prev + .btn.btn--primary, .btn.btn--next + .btn.btn--primary,
button.btn--primary + .btn.btn--primary,
button.btn--prev + .btn.btn--primary,
button.btn--next + .btn.btn--primary, .btn.btn--primary + .btn.btn--prev, .btn.btn--prev + .btn.btn--prev, .btn.btn--next + .btn.btn--prev,
button.btn--primary + .btn.btn--prev,
button.btn--prev + .btn.btn--prev,
button.btn--next + .btn.btn--prev, .btn.btn--primary + .btn.btn--next, .btn.btn--prev + .btn.btn--next, .btn.btn--next + .btn.btn--next,
button.btn--primary + .btn.btn--next,
button.btn--prev + .btn.btn--next,
button.btn--next + .btn.btn--next, .btn.btn--primary +
button.btn--primary, .btn.btn--prev +
button.btn--primary, .btn.btn--next +
button.btn--primary,
button.btn--primary +
button.btn--primary,
button.btn--prev +
button.btn--primary,
button.btn--next +
button.btn--primary, .btn.btn--primary +
button.btn--prev, .btn.btn--prev +
button.btn--prev, .btn.btn--next +
button.btn--prev,
button.btn--primary +
button.btn--prev,
button.btn--prev +
button.btn--prev,
button.btn--next +
button.btn--prev, .btn.btn--primary +
button.btn--next, .btn.btn--prev +
button.btn--next, .btn.btn--next +
button.btn--next,
button.btn--primary +
button.btn--next,
button.btn--prev +
button.btn--next,
button.btn--next +
button.btn--next {
  margin-left: 1rem;
}

.btn.btn--border,
button.btn--border {
  padding: 0.47rem 0.5rem;
  background: #0A6CB4;
  color: #fff;
  border: 0.056rem solid #0A6CB4;
  position: relative;
  border-radius: 10px;
  font-weight: 600;
}

.btn.btn--border:hover, .btn.btn--border:focus,
button.btn--border:hover,
button.btn--border:focus {
  background: #fff;
  color: #0A6CB4;
}

* + .btn.btn--border, * +
button.btn--border {
  margin-top: 1rem;
}

.btn.btn--border + .btn.btn--border,
button.btn--border + .btn.btn--border, .btn.btn--border +
button.btn--border,
button.btn--border +
button.btn--border {
  margin-left: 1rem;
}

.btn.btn--prev::before,
button.btn--prev::before {
  font-family: 'Font Awesome 5 Pro';
  content: "\f104";
  margin-right: .5rem;
}

.btn.btn--next::after,
button.btn--next::after {
  font-family: 'Font Awesome 5 Pro';
  content: "\f105";
  margin-left: .5rem;
}

.btn.btn--border-blue {
  width: auto;
  background: #0A6CB4;
  border: 1px solid #0A6CB4;
  border-radius: 10px;
  color: #fff;
  font-weight: 600;
  padding: 0.5rem;
  cursor: pointer;
  margin: 0 0 1rem 0;
}
.btn.btn--border-blue:hover {
  background: #fff;
  color: #0A6CB4;
}
.btn.btn--border-white {
  width: auto;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  color: #0A6CB4;
  font-weight: 600;
  padding: 0.5rem;
  cursor: pointer;
  margin: 0 0 1rem 0;
}
.btn.btn--border-white:hover {
  background: #0A6CB4;
  color: #fff;
}