.flex-nav{display:flex;gap:2rem;align-items:center;@media (max-width:768px){font-size:11px}.flex-nav-link{text-decoration:underline;border:1px solid transparent;padding:0 .75rem;transition:border-color .3s ease-in-out;&:hover{text-decoration:none;border-radius:28px;border-color:var(--dark)}}.flex-nav-btn{display:flex;padding:14px 28px;gap:.75rem;background:var(--dark);color:var(--light);overflow:hidden;align-items:center;@media (max-width:768px){font-size:11px;padding-left:16.444px;padding-bottom:8.222px;padding-right:16.444px;padding-top:8.222px;text-align:left;max-width:135px}img{transition:transform .3s ease-in-out}&:hover img{transform:translateX(50px)}}}