.main-nav>ul>li>a{position:relative;display:inline-block}.main-nav>ul>li>a::after{content:"";position:absolute;bottom:0;left:50%;height:4px;width:100%;background:var(--cf-primary);transform:translateX(-50%) scaleX(0);transform-origin:center;transition:transform 180ms ease-out;will-change:transform}.main-nav>ul>li>a:hover::after,.main-nav>ul>li>a:focus::after{transform:translateX(-50%) scaleX(1)}.main-nav>ul>li>a[aria-current=page]::after{transform:translateX(-50%) scaleX(1)}