JSFiddle - React, Tailwind, and code Playground

HTML

<div class="user-block">
            <a class="btn-search" href="#">Поиск</a>
            <div class="searchform">
              
            </div>
            <div class="simple_name_of_class">
              <a class="btn-login" href="#">Вход</a>
              <div class="login-wrapper"> 

              <form class="login-form">
                <input class="emaillogin" type="email" name="email" placeholder="Электронная почта">
                <input class="password" type="password" name="password" placeholder="Пароль">
                <input class="submitlogin" type="submit" name="submit" value="Войти">

                <div class="linkslogin">
                  <a class="linklogin" href="#">Забыли пароль?</a>
                  <a class="linklogin" href="#">Новая регистрация</a>
                </div>

              </form> 



            </div> 
            </div>
            
            
            <a class="btn-basket" href="#">Пусто</a>
           
          </div>

CSS

body {
  background-color: gray;
}
.user-block {
  display: flex;
  flex-wrap: wrap;
  width: 270px;
  margin-top: 26px;
  position: relative;
  
}
a {
  padding-right: 10px;
}
.login-wrapper {
  position: absolute;
  top: 16px;
  left: 50px;
  width: 100px;
  height: 20px;
  display: none;
  background-color: white;
}
.login-form {
  position: absolute;
  background-color: #fff;
  top: 35%;
  right: -150%;
  width: 247px;
  height: 200px;
  box-shadow: 6px 16px 13px 0px rgba(50, 50, 50, 0.52);
  border-radius: 5px;
  
}

  

.simple_name_of_class{
  display: inline-block;
}  
.simple_name_of_class:hover .login-wrapper {
  display: block;
  
}