.academia_website_avalanche_tools_navigation_menu_styles_wrapper {
display: flex;
padding-right: 1.5em;
padding-left: 1.5em;
list-style-type: none;
background-color: rgba(110, 31, 115, 0.1);
border-radius: 5em;
}
.academia_website_avalanche_tools_navigation_menu_styles_item {
display: inline-block;
cursor: pointer;
text-decoration: none;
color: inherit;
margin: 0.8em 1em;
transition-duration: 0.3s;
white-space: nowrap;
&::after {
content: '';
display: block;
height: calc(100% - 0.8em + 4px);
width: 0;
transition-duration: 0.5s;
border-bottom: 4px solid #6E1F73;
}
&:hover {
color: #6E1F73;
&::after {
content: '';
width: 100%;
}
}
}
.academia_website_avalanche_tools_navigation_menu_styles_selected {
color: #6E1F73;
&::after {
content: '';
display: block;
height: calc(100% - 0.8em + 4px);
width: 100%;
transition-duration: 0.5s;
border-bottom: 4px solid #6E1F73;
}
}