.flex-nav{display:flex;gap:2rem;align-items:center;@media (max-width:768px){font-size:11px;gap:1rem}.flex-nav-link{white-space:nowrap;padding:10px 23px;&:hover{text-decoration:none;border-radius:28px}}.flex-nav-btn{white-space:nowrap;display:flex;padding:10px 23px;gap:.75rem;overflow:hidden;align-items:center;@media (max-width:768px){font-size:11px;padding-left:16px;padding-bottom:8px;padding-right:16px;padding-top:8px;text-align:left;gap:.45rem;max-width:135px}img{transition:transform .3s ease-in-out}&:hover img{transform:translateX(50px)}}}.flex-nav--dual-popup{gap:1rem;.flex-nav-btn,.flex-nav-link{font-weight:600}.flex-nav-btn--dark-outline{color:#ffffff;border:2px solid transparent;background:linear-gradient(#1c1c1c,#1c1c1c) padding-box,linear-gradient(90deg,#0D2B5A,#1D5BC0) border-box;&:hover{background:linear-gradient(#007FD3,#35AEFF) padding-box,linear-gradient(90deg,#0D2B5A,#1D5BC0) border-box}img{width:21px;height:21px}&:hover img{transform:translateX(6px)}}.flex-nav-btn--light{color:#111111;background:#EBEBEB;border:2px solid #ebebeb;&:hover{color:#ffffff;background:#63A4CF;border-color:#63A4CF;text-decoration:none}}@media (max-width:768px){.flex-nav-btn,.flex-nav-link{max-width:none;justify-content:center}}}