.index-card::before {
  content: "";
  display: block;
  width: 88px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, #1f4ea8 0%, #d4322d 50%, #f2b63b 100%);
  margin-bottom: 1rem;
}

.muted {
  color: var(--auth-muted);
}

.row {
  margin-top: 1rem;
}

a.button {
  display: inline-block;
  background: linear-gradient(180deg, #2c64c7 0%, var(--auth-primary) 100%);
  color: #fff;
  text-decoration: none;
  padding: 0.75rem 1rem;
  border-radius: 10px;
}

button.button {
  display: inline-block;
  width: auto;
  margin-top: 0;
  background: linear-gradient(180deg, #2c64c7 0%, var(--auth-primary) 100%);
  color: #fff;
  text-decoration: none;
  padding: 0.75rem 1rem;
  border-radius: 10px;
  border: 0;
  cursor: pointer;
  font: inherit;
}

form.inline {
  display: inline;
  margin: 0;
}

.button-gap {
  margin-right: 0.75rem;
}