Can someone help me create a button with a unique shape similar to the Products button on stack overflow? Check out this image for reference
I attempted using border radius, but it didn't give me the desired effect. I searched for other options but couldn't find any solutions that worked.
nav > ul > li:hover {
background-color: #dfdfe2;
color: #1b1b32;
cursor: pointer;
border-radius: 40%;
}
li > a {
color: inherit;
text-decoration: none;
}
nav > ul {
display: inline-block;
vertical-align: middle;
padding: 0.2%;
margin: 0.7%;