*{
  text-decoration: none;
  list-style:none;
}
[data-dropdown]{
  position: relative;
}
[data-dropdown] .menu-dropdown{
  display: none;
}
[data-dropdown]:hover .menu-dropdown,
[data-dropdown].active .menu-dropdown{
  display: block;
  position: absolute;
  right: 0;
}
.menu-dropdown{
  width: 300px;
  position: absolute;
  top:50px;
  background: #fff;
  z-index: 200;
}
.menu-dropdown li{
  padding: 10px 0;
}
.menu-dropdown a{
  color: #777;
}
.menu-dropdown span{
  font-size: 12px;
  color: red;
}
.menu-dropdown a:hover{
  color: #da9839;
}