.menupoints a { position: relative; transition: color .2s ease; } .menupoints a:hover::after, .menupoints a:hover::before { width: 100%; left: 0; } .menupoints a::after, .menupoints a::before { content: ''; position: absolute; top: calc(100% + 5px); width: 0; right: 0; height: 3px; } .menupoints a::before { transition: width .4s cubic-bezier(0.51, 0.18, 0, 0.88) .1s; background: var(--page-background); } .menupoints a::after { transition: width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83); background: var(--main-hl-color); }