.login-text-login-don-have {
  color: #dc2626;
  font-family: var(--login-font-family);
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.45;
  margin: -5px 0 -3px;
  min-height: 18px;
}
.login-button-login {
  background: #111114;
  border: 0;
  border-radius: 999px;
  color: #fff;
  cursor: pointer;
  font-family: var(--login-font-family);
  font-size: 14px;
  font-weight: 600;
  height: 46px;
  letter-spacing: 0;
  line-height: 1;
  transition: background-color 0.15s ease;
}
.login-button-login:hover {
  background: #000;
}
.login-text-don-have-account {
  color: #6b7280;
  font-family: var(--login-font-family);
  font-size: 13px;
  letter-spacing: 0;
  margin: 18px 0 0;
  text-align: center;
}
.login-text-don-have-account a {
  background: transparent;
  border: 0;
  color: #111114;
  cursor: pointer;
  font-family: var(--login-font-family);
  font-weight: 600;
  letter-spacing: 0;
  outline: none;
  padding: 0;
  text-decoration: none;
  text-underline-offset: 3px;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
}
.login-link-chat-with-customer {
  color: #6b7280;
  display: block;
  font-family: var(--login-font-family);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  margin: 14px auto 0;
  text-decoration: none;
  width: max-content;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
}
@media (hover: hover) and (pointer: fine) {
  .login-link-chat-with-customer:hover,
  .login-text-don-have-account a:hover {
    text-decoration: underline;
  }
  .login-link-chat-with-customer:hover {
    color: #111114;
    text-underline-offset: 3px;
  }
}
.login-text-protected {
  color: #9096a0;
  font-family: var(--login-font-family);
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.5;
  margin: 20px 0 0;
  text-align: center;
}
.login-text-protected a {
  color: #6b7280;
  font-weight: 500;
  text-decoration: none;
  text-underline-offset: 3px;
  -webkit-tap-highlight-color: transparent;
}
@media (hover: hover) and (pointer: fine) {
  .login-text-protected a:hover {
    color: #111114;
    text-decoration: underline;
  }
}