/* Chọn người dùng như Người tìm mua, Hộ kinh doanh, Người vận chuyển  */
.user-select {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  padding: 12px;
}
.user-select label {
  display: block;
  background-color: white;
  text-align: center;
  padding-block: 12px;
  border-radius: 8px;
  cursor: pointer;
}
.user-select-name {
  font-size: 12px;
  line-height: 19.2px;
  color: #23313e;
  margin-top: 8px;
  margin-bottom: 6px;
}
.user-select label .user-select-checkbox {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  border: 2.5px solid #b2b2b2;
  border-radius: 100%;
  box-sizing: border-box;
}
.user-select label .user-select-checkbox::before {
  position: absolute;
  content: "";
  width: 50%;
  height: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: transparent;
  border-radius: inherit;
}
.user-select label:has(+ input:checked) .user-select-checkbox {
  border-color: #007aff;
}
.user-select label:has(+ input:checked) .user-select-checkbox::before {
  background-color: #007aff;
}

/* //Thông tin người dùng nhập vào để đăng nhập */
.login-infor {
  padding-inline: 16px;
}
.login-infor > div {
  padding-block: 8px;
}
.btn {
  padding-block: 13px;
  display: block;
  text-align: center;
  width: 100%;
  font-size: 14px;
  line-height: 22.4px;
  outline: none;
  border-radius: 6px;
}
#btn_login {
  font-weight: 600;
  background-color: #1077d0;
  color: white;
  border: none;
  margin-top: 10px;
}
#btn_forgot-password {
  color: #808080;
  text-decoration: none;
  margin-top: 10px;
}
#btn_not-register {
  margin-top: 54px;
  font-weight: 600;
  border: 1px solid #1077d0;
  color: #1077d0;
  background-color: white;
  text-decoration: none;
}