[JavaScript][CSS][HTML]Kształt SVG aktywny w podmenu Opcje

[Tom:-)]

To jest mój kod ? https://codepen.io/thommen-the-decoder/pen/eYvjPbN

Kiedy przesuwam kursor w dół w mega menu, kształ SVG znika. Zobacz ? https://www.youtube.com/watch?v=46az-U0oBhU.

Obecnie mam

[CSS] pobierz, plaintext 
#main_nav > ul > li > a:hover::before {
    background-color: transparent;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJza
W9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG
5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0J
veD0iMCAwIDM4LjQgMzAuNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzguNCAzMC40
OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I
0ZGRkZGRjtzdHJva2U6IzdCMDIwNDtzdHJva2Utd2lkdGg6NDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cj
wvc3R5bGU+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iOC4yLDIgMi43LDguMiAxOS4yLDI3LjQ
gMzUuNyw4LjIgMzAuMiwyICIvPgo8L3N2Zz4K');
    background-position: center center;
    background-size: auto 100%;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    width: 20px;
    bottom: -8px !important;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 999999;
}
[CSS] pobierz, plaintext 

Jak sprawić, by mega menu posiadało również aktywną ozdobę? Wiem że zastosowałem dla "<a>", "hover" ale to był mój jedyny pomysł. Jak to można dalej zmodyfikować?

Ten post edytował Tom:-) 9.06.2021, 13:34:22