Вертикальное выпадающее меню на чистом css

/*Вертикальное меню*/
#menu-menyu-kategoriy>.menu-item-has-children {
position:relative;
display: block;
}
.menu>.menu-item-has-children:after {
content: «\f054»;
font-family: fontawesome!important;
font-weight: 400;
font-size: 14px;
position: absolute;
right: 0.8rem;
top: 0;
bottom: 0;
display: flex;
align-items: center;
color:#1a1a1a;
}
.sub-menu>.menu-item-object-product_cat:after {
content: none;
}
.sub-menu>.menu-item-has-children {
position:relative;
}
.sub-menu>.menu-item-has-children:after {
content: «\f054»;
font-family: fontawesome!important;
font-weight: 400;
font-size: 14px;
position: absolute;
right: 0.8rem;
top: 0;
bottom: 0;
display: flex;
align-items: center;
color:#1a1a1a;
}
.w-menu .sub-menu {
padding: 0;
}
.sub-menu> li, .w-menu.layout_ver .menu>li {
border: 1px solid #e2e6e7;
border-bottom:none;
padding: 0.6rem 1rem;
}
.sub-menu {
display: none;
position:absolute;
top:0;
left:100%;
z-index:3;
background:#fff;
padding:1rem;
width: 340px;
}
.sub-menu>.menu-item-type-taxonomy a {
color:#1a1a1a;
}
.w-menu li:hover > .sub-menu, .sub-menu:hover {
display: block;
}
.w-menu .sub-menu {
margin-left: 0;
}