Dropdown menu on click mobile and hover menu desktop

The Navigation Pop-up Menu is set to click arrow. I want to use it this way on mobile and it works. For Destop, I want it to work with emphasis. with additional css. Do you think there is a problem?

It works as I want. I don't want to do anything wrong.

.dropdown-click .main-navigation:not(.toggled) ul li:hover>ul, .dropdown-click .main-navigation:not(.toggled) ul li.sfHover>ul {
    left: auto;
    opacity: 1;
    transition-delay: 150ms;
    pointer-events: auto;
    height: auto;
    overflow: visible;
visibility: visible;
}