/* Final site-wide button contract, loaded after each page's own styles. */
a.button-primary,
button.button-primary,
.prose a.button-primary,
a.button-primary:visited {
  background: #635bff !important;
  border: 1px solid #635bff !important;
  color: #fff !important;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

a.button-primary *,
button.button-primary *,
.prose a.button-primary * {
  color: #fff !important;
}

a.button-primary:hover,
button.button-primary:hover,
.prose a.button-primary:hover {
  background: #5149e8 !important;
  border-color: #5149e8 !important;
  color: #fff !important;
  transform: translateY(-1px);
}

.nav nav a.button-ghost,
a.button-ghost,
button.button-ghost {
  background: transparent !important;
  border: 1px solid #635bff !important;
  color: #635bff !important;
  transition: background-color .18s ease, color .18s ease, transform .18s ease;
}

.nav nav a.button-ghost:hover,
a.button-ghost:hover,
button.button-ghost:hover {
  background: #635bff !important;
  color: #fff !important;
  transform: translateY(-1px);
}

.button-primary:focus-visible,
.button-ghost:focus-visible,
.button.secondary:focus-visible {
  outline: 3px solid #c8c4ff !important;
  outline-offset: 3px;
}

button.button-primary:disabled,
.button-primary[aria-disabled="true"] {
  background: #aaa6d8 !important;
  border-color: #aaa6d8 !important;
  color: #fff !important;
  cursor: not-allowed;
  transform: none;
}