/* -----------------------------
   PAGINATION CONTAINER
   (centres buttons horizontally)
------------------------------ */
.Pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* -----------------------------
   FORWARD BUTTON (Next)
------------------------------ */

/* Remove arrow icon */
.Pagination__btn--next i,
.Pagination__btn--next svg {
  display: none;
}

/* Style + centre content */
.Pagination__btn--next {
  background-color: #FFD200;
  color: #000000;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 999px; /* pill shape */
  padding: 14px 28px;
  font-weight: 600;
  font-size: 16px;

  min-width: 240px;
}

/* Inject text */
.Pagination__btn--next::after {
  content: "Next: Add My Details";
}

/* -----------------------------
   BACK BUTTON (Previous)
------------------------------ */

.Pagination__btn--previous {
  background-color: #E0E0E0 !important;
  color: #555555;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 999px;
}

/* Hover softening */
.Pagination__btn--previous:hover {
  background-color: #D0D0D0 !important;
}

/* -----------------------------
   MOBILE POLISH
------------------------------ */
@media (max-width: 768px) {
  .Pagination__btn {
    width: 100%;
    max-width: 320px;
  }
}

.block--empty {
    max-height: 5px !important;
}