#custom-menu-check{display:none}
.custom-hamburger-menu{width:24px;height:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;position:relative}
.custom-hamburger-menu span{display:block;width:24px;height:3px;background-color:#000;margin:4px 0;transition:all .3s}
#custom-menu-check:hover{opacity:.8}
#custom-menu-check:checked ~ .custom-hamburger-menu{position:fixed;z-index:100;right:32px}
#custom-menu-check:checked ~ .custom-hamburger-menu .bar1{transform:rotate(45deg) translate(5px,5px)}
#custom-menu-check:checked ~ .custom-hamburger-menu .bar2{opacity:0}
#custom-menu-check:checked ~ .custom-hamburger-menu .bar3{transform:rotate(-45deg) translate(5px,-5px)}
@media (max-width: 768px) {
.custom-hamburger-menu{display:block;order:1;margin-right:20px}
.widget.widget_nav_menu ul.menu{position:fixed;top:0;right:-100%;background-color:var(--wp--preset--color--background);width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .3s;z-index:99}
.widget.widget_nav_menu ul.menu li{margin:20px 0}
.widget.widget_nav_menu ul.menu li a{font-size:20px}
#custom-menu-check:checked ~ div.widget.widget_nav_menu ul.menu{right:0}
}