.navButton{display:flex;align-items:center;gap:10px;border:1px solid #fff;border-radius:50px;width:-moz-fit-content;width:fit-content;position:relative;overflow:hidden;background-color:#002557;transition:background-color .3s ease;padding:5px 5px 5px 10px;color:#fff}.navButton .bg-hover{position:absolute;left:50%;transform:translateX(-50%);background-color:#f9bc28;border-radius:50%;width:130%;height:140%;z-index:0;opacity:0;bottom:-100%;transition:bottom .1s ease,opacity .3s ease}.navButton .arrowContainer{background-color:#f9bc28;width:35px;height:35px;display:flex;border-radius:50px;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:background-color .5s ease}.navButton .arrowContainer .svgArrow{width:20px;height:20px;transform:translateX(0);transition:transform .3s ease}.navButton .arrowContainer .secondArrow{width:20px;height:20px;transform:translateX(-155%);position:absolute;transition:transform .2s ease}.navButton .arrowContainer .secondArrow path{stroke:#fff}.navButton:hover .bg-hover{bottom:-20%;opacity:1}.navButton:hover p{color:#fff;z-index:3}.navButton:hover .arrowContainer{background-color:#002557}.navButton:hover .svgArrow{transform:translateX(150%)}.navButton:hover .secondArrow{transform:translateX(0)}@media(max-width:991px){.navButton{gap:4px}.navButton p{min-width:-moz-fit-content;min-width:fit-content}}@media(max-width:610px){.navButton{gap:10px;font-size:14px}.navButton p{min-width:unset;width:-moz-fit-content;width:fit-content}}@media(max-width:540px){.navButton{font-size:10px}.navButton p{width:-moz-fit-content;width:fit-content}.navButton .arrowContainer{width:26px;height:26px}}