@media screen and (min-width:768px){.menuStyle .menuContainer{display:flex;justify-content:space-between;align-items:center;width:100%;z-index:200}.menuStyle .menuContainer .menuList ul{display:flex;flex-direction:column;justify-content:center;align-items:center;list-style:none;gap:38px}}@media screen and (max-width:640px){.menuStyle .menuContainer{display:flex;width:100%;bottom:0;justify-content:center;align-items:center}.menuStyle .menuContainer .menuList ul{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:32px}}.buttonMenuStyle{color:#343a40;font-size:16px;font-weight:600;border-radius:5px;cursor:pointer;transition:all .3s}.buttonMenuStyle .buttonMenuIcon{float:right;width:55px;height:55px;display:flex;justify-content:center;align-items:center;background:#616161;border-radius:100%;z-index:100}.buttonMenuStyle .buttonMenuIcon .effects{display:none;width:0}.buttonMenuStyle .buttonMenuIcon:hover{background-color:#ffb400;color:#fff}@media screen and (min-width:768px){.buttonMenuStyle .buttonMenuIcon:hover .effects{display:block;position:absolute;width:max-content;height:55px;background-color:#ffb400;right:32px;border-radius:30px 0 0 30px;padding:15px 30px;z-index:-1;animation:rightToLeft .2s ease-in-out}}.buttonMenuStyle .buttonMenuText{padding:15px 30px;width:max-content;text-align:center;display:block;text-decoration:none;color:#343a40;word-break:break-all;background-color:#ffb400;border-radius:5px 0 0 5px;position:absolute;right:32px;height:55px}.buttonMenuStyle .active{background-color:#ffb400;color:#fff}@keyframes rightToLeft{0%{width:0;opacity:0}to{width:100px;opacity:1}}