.form-navigation {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: var(--lead-form-spacing-xl);
}

.back-button {
  color: var(--lead-form-color-secondary);
  text-decoration: none;
  padding: var(--lead-form-spacing);
  margin-top: 1rem;
}

.back-button-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.back-button:hover {
  color: var(--lead-form-color-dark);
}

.btn-danger {
  background-color: var(--lead-form-color-primary);
  width: 100%;
  white-space: nowrap;
  padding: 1rem 15px;

  .chevron-icon {
    margin-left: 8px;
  }
}

.btn-danger:hover {
  background-color: var(--lead-form-color-primary-hover);
}

.btn-danger:active {
  background-color: var(--lead-form-color-primary-hover) !important;
  border-color: var(--lead-form-color-primary-hover) !important;
}

.btn-danger:focus-visible {
  background-color: var(--lead-form-color-primary-hover) !important;
  border-color: var(--lead-form-color-primary-hover) !important;
}

.btn-success {
  background-color: var(--lead-form-color-success);
  width: 100%;
  border-radius: 0;
}

.btn-success:hover {
  background-color: var(--lead-form-color-success-hover);
}

.form-navigation .chevron-icon {
  filter: brightness(0) saturate(100%) invert(11%) sepia(57%) saturate(411%)
    hue-rotate(163deg) brightness(93%) contrast(90%);
}

.btn-danger .chevron-icon {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7496%)
    hue-rotate(287deg) brightness(106%) contrast(100%);
}

.chevron-icon-spacing {
  margin-right: 5px;
}

/* Fix for small mobile screens */
@media (max-width: 380px) {
  .btn-danger {
    font-size: 0.9rem;
    padding-left: 10px;
    padding-right: 10px;
  }

  .chevron-icon-spacing {
    margin-right: 3px;
  }
}

@media (min-width: 768px) {
  .form-navigation {
    margin-top: 48px;
  }
  .btn-danger,
  .btn-success {
    font-size: 1.25rem;
    padding: 1rem 0;
    border-radius: 8px;
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .form-navigation {
    margin-top: 64px;
  }
  .btn-danger,
  .btn-success {
    font-size: 1.4rem;
    padding: 1rem 0;
    width: 100%;
    max-width: 625px;
  }

  .lead-form-navigation {
    align-items: center;
  }
}