/* Form status messages */
.form-status {
  padding: .75rem 1rem;
  border-radius: var(--pgr-radius);
  font-size: .9rem;
  font-weight: 500;
}
.form-status--ok {
  background: rgba(52, 211, 153, .15);
  border: 1px solid rgba(52, 211, 153, .4);
  color: #a7f3d0;
}
.form-status--err {
  background: rgba(252, 165, 165, .15);
  border: 1px solid rgba(252, 165, 165, .4);
  color: #fca5a5;
}

/* Pagination */
.page-numbers {
  display: inline-flex;
  gap: .5rem;
  list-style: none;
}
.page-numbers a,
.page-numbers span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--pgr-radius);
  font-weight: 600;
  font-size: .9rem;
  text-decoration: none;
  border: 1.5px solid var(--pgr-gray-300);
  color: var(--pgr-gray-900);
  transition: all var(--pgr-transition);
}
.page-numbers a:hover {
  border-color: var(--pgr-cyan);
  color: var(--pgr-cyan-dark);
}
.page-numbers .current {
  background: var(--pgr-navy);
  border-color: var(--pgr-navy);
  color: var(--pgr-white);
}
.page-numbers a:focus-visible {
  outline: 3px solid var(--pgr-cyan);
  outline-offset: 2px;
}