.menu{position:fixed;top:7px;right:10px;height:76px;z-index:501;width:120px;text-align:center}.menu.left{right:auto;left:10px}.loggedIn{color:#fff;margin-right:5px}.headerAction{width:100%;height:100%;background-color:transparent;color:#fff;outline:none;border:none;border-top-right-radius:20px;border-bottom-right-radius:20px;margin-left:auto;margin-right:auto;transition:all 1s;background-image:linear-gradient(90deg,transparent,#ffffff66);background-repeat:no-repeat;background-size:99% 100%;background-position:10000% 100%}.headerAction:hover{background-position:100% 100%;font-weight:800;cursor:pointer}@media (max-width:600px){.menu{top:auto;bottom:0;left:0;right:0;width:auto;height:50px;border-top:2px solid #fff}.headerAction{background-color:var(--mainColorHex);color:#fff;border:none;border-radius:0}.headerAction:hover{background-color:#fff;color:var(--mainColorHex);border:none;border-radius:0}}