*:focus{ outline: none !important; box-shadow: none !important; } *:focus:not(:focus-visible) { outline: none !important; box-shadow: none !important; } .hover-underline { position: relative; text-decoration: none; } .hover-underline::after { content: ""; display: block; position: absolute; bottom: 0px; left: 0; width: 100%; height: 1px; background-color: currentColor; transform: scaleX(0); transform-origin: right; transition: transform 0.3s linear; } .hover-underline:hover::after { transform: scaleX(1); transform-origin: left; } html, body { overscroll-behavior-x: none; }