.or-sep {
  color: #242424;
  font-weight: 400;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  text-align: center;
  gap: 0.9375rem;
}
.or-sep::before, .or-sep::after {
  content: "";
  -webkit-box-flex: 1;
          flex: 1;
  border-bottom: 1px solid #707070;
}
.or-sep:not(:empty)::before {
  margin-right: 0.625rem;
}
.or-sep:not(:empty)::after {
  margin-left: 0.625rem;
}

.social-buttons {
  display: -webkit-box;
  display: flex;
  gap: 1.25rem;
}
.social-buttons .social-button {
  height: 3.125rem;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-flex: 1;
          flex: 1;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: pointer;
}
.social-buttons .social-button:hover {
  border-color: #000;
}
.social-buttons .social-button img {
  width: 1.875rem;
  height: 1.875rem;
}

.exist-acc {
  text-align: center;
}
.exist-acc .lab {
  color: #707070;
}
.exist-acc a {
  color: #000;
  font-weight: 500;
  text-decoration: underline;
}
.exist-acc a:hover {
  text-decoration: none;
}

.input-group .input-group-text,
.input-group .form-control {
  border-color: #DDDDDD;
  -webkit-transition: none !important;
  transition: none !important;
}

.input-group:focus-within .form-control,
.input-group:focus-within .input-group-text {
  border-color: #000000;
  box-shadow: none;
}

.btn {
  padding: 0 5rem;
}