#menu-desplegable {
  background-image: linear-gradient(90deg, black,green,yellow,red);
  border-radius: 4px;
  border: 1px solid white;
  background-size: 100% 100%;
  opacity: 0.8;
  padding: 2px;
}

#menu-desplegable ul {
list-style-type: none;
}

#menu-desplegable ul li {
float: right;
border: 1px inset #f9f4af;
margin-right: 4%;
padding: 4px 1%;
border-radius: 2px;
margin-bottom: 7px;
width: 40%;
text-align: center;
background-color: #393e39;
background-image: linear-gradient(90deg, black,green,yellow,red);
}

#menu-desplegable ul li a {
text-decoration: none;
color: #1a1a19;
}

#menu-desplegable ul li a:hover {
color: #fff7a9;
font-style: oblique;
font-weight: bold;
}
#menu-desplegable button {
  cursor: pointer;
  padding: 2px 1.7%;
  border-radius: 2px;
}

#menu-desplegable button:hover {
  text-shadow: none;
  background-image: linear-gradient(45deg, #e70f0f, #f1cfcf);
  color: yellow;
}

.clean {
clear: both;
height: 2px
}
@media screen and (max-width:600px) {
#menu-desplegable ul li {
  width: 86%;
}
}