.menu-toggler{position:relative;display:flex;align-items:center;gap:10px;padding-left:20px;padding-right:80px;border-radius:50px;height:60px;color:#fff;background-color:rgba(var(--primary-rgb),.15);font-size:1rem;cursor:pointer;transition:background .3s}.menu-toggler.active .menu-button,.menu-toggler:hover .menu-button{padding-left:80px;width:100%;transition:.3s}@media (max-width:768px){.menu-toggler{padding-left:0;padding-right:60px}.menu-label{display:none}.menu-toggler.active .menu-button,.menu-toggler:hover .menu-button{padding-left:0}}.menu-label{color:#fff;text-transform:uppercase;font-weight:600!important;transition:color .3s;z-index:2}.menu-button{position:absolute;right:0;top:0;background:var(--primary);border:none;border-radius:50px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:0;transition:.3s;z-index:1}.menu-icon{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center}.menu-toggler.active .menu-button{background:var(--primary);color:var(--primary)}.menu-button-toggler{display:flex;flex-direction:column;width:70px;cursor:pointer;transform:scale(.5)}@media (max-width:768px){.menu-toggler{transform:scale(.7)!important}}.menu-button-toggler span{background:#fff;border-radius:10px;height:7px;margin:6px 0;transition:.4s cubic-bezier(.68, -.6, .32, 1.6)}.menu-toggler span:nth-of-type(1){width:50%}.menu-toggler span:nth-of-type(2){width:100%}.menu-toggler span:nth-of-type(3){width:75%}.menu-button-toggler.active span:nth-of-type(1){transform-origin:bottom;transform:rotatez(45deg) translate(7px,2px)}.menu-button-toggler.active span:nth-of-type(2){transform-origin:top;transform:rotatez(-45deg)}.menu-button-toggler.active span:nth-of-type(3){transform-origin:bottom;width:50%;transform:translate(26px,-9px) rotatez(45deg)}