/**
 * @file
 * Visual styles for buttons.
 */

.button,
.image-button {
  margin-right: 1em;
  margin-left: 1em;
}

.button:first-child,
.image-button:first-child {
  margin-right: 0;
  margin-left: 0;
}

.button,
.button--primary,
.button--blue,
.button--video {
  cursor: pointer;
}

.button,
.button--primary,
.button--blue,
.button--accent,
.button--green {
  padding: 0.75rem 2rem;
  flex-shrink: 0;
  border-radius: 0.25rem;
}

/* --------------------
   Button colouring
/* -------------------- */

.button {
  background: #cbd5e0;
  color: #2d3748;
}

.button:hover {
  background: #a0aec0;
  color: #1a202c;
}

.form-submit,
.button--primary,
.button--blue {
  background: #003554;
  color: #fff;
}

.form-submit:hover,
  .button--primary:hover,
  .button--blue:hover {
  background: #006494;
  color: #fff;
}

.button--accent,
.button--green {
  background: #769003;
  color: #fff;
}

.button--accent:hover,
  .button--green:hover {
  background: #8ea604;
  color: #fff;
}

.button--video {
  color: #fff;
}

.button--video::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f144';
  margin-right: .5rem;
  font-size: 3rem;
  line-height: 1;
  position: relative;
  top: 10px;
}

.button--video:hover, .button--video:focus {
  color: #bee3f8;
}

/*# sourceMappingURL=button.css.map */