[class*=line-clamp--] { line-clamp: var(--lines);  overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--lines); }  [class*=line-clamp--]>p { display: inline; }     a { text-decoration: none; }    a:has(span.title), .underline { color: #fff; line-height: 1.2em; position: relative; display: inline-block; margin-bottom: 0.5rem; } a:has(span.title)::before, .underline::before { content: ''; width: 0; height: 1px; background-color: #fff; position: absolute; bottom: -0.25rem; right: 0; transition: right .4s, width .4s, left .4s; } .underline::before { background-color: var(--at-secondary-l-3); } a:has(span.title):hover::before, .underline:hover::before { width: 100%; left: 0; right: auto; }