.auth-panel {
  position: relative;
  display: flex;
  flex-direction: column;
}

.back-home {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 9px;
  order: 3;
  margin: auto 0 30px;
  padding: 10px 14px;
  border: 1px solid var(--line);
  border-radius: 7px;
  color: var(--plum);
  background: rgba(255, 255, 255, .62);
  font-size: 10px;
  font-weight: 800;
  transition: border-color .2s, background .2s, transform .2s;
}

.back-home:hover {
  border-color: var(--lime);
  background: #fff;
  transform: translateX(-2px);
}

.auth-content {
  order: 2;
}

.mobile-brand {
  order: 1;
}

.auth-form .field-error {
  display: block;
  min-height: 14px;
  margin-top: -2px;
  color: #b24956;
  font-size: 9px;
  line-height: 1.4;
}

.auth-form input.is-invalid {
  border-color: #c05b65;
  box-shadow: 0 0 0 3px rgba(192, 91, 101, .12);
}

.auth-form input.is-valid {
  border-color: #9fa52e;
  box-shadow: 0 0 0 3px rgba(191, 184, 44, .12);
}

.auth-form button:disabled {
  cursor: not-allowed;
  opacity: .52;
  transform: none;
}

@media (max-width: 700px) {
  .back-home {
    align-self: stretch;
    justify-content: center;
    margin: 24px 0;
  }
}