.link{font-family:var(--font-work-sans);color:var(--color-black);padding:.5rem;font-size:1.125rem;font-weight:500;line-height:1.75rem;position:relative}.link:after,.active:after{content:"";opacity:0;transform-origin:50%;background-color:var(--color-lightBlue);width:87%;height:8px;margin:0 auto;transition:transform .3s ease-in-out;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.active:after,.link:hover:after{opacity:1;transform:scaleX(1)}.mobile__navigation-container .link:after,.mobile__navigation-container .active:after{background-color:unset;background-image:linear-gradient(90deg,#27a3dde6 10%,#0000 50% 100%);width:100%;height:3px;margin:0;bottom:0}
.mobile__navigation-container{background:var(--color-bgBlue);flex-direction:column;gap:10px;width:100%;height:calc(100dvh - 64px);padding-top:30px;padding-left:15px;animation:.4s ease-in-out forwards opensNav;display:flex;position:absolute;top:100%;left:0;transform:translate(-100%)}@media (prefers-reduced-motion:reduce){.mobile__navigation-container{animation:none;transform:none}}@keyframes opensNav{0%{transform:translate(-100%)}to{transform:translate(0)}}