Like in the question, I have a code

How to make this effect work on many text lines and not as it is now - the effect appears only in 1 of e.g. 2 text lines (like example)

```css
:root {
--00a3a3: #00a3a3;
}

a {
position: relative;
text-decoration: none; /* For Example */
}

a:before {
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
background-color: var(--00a3a3);
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}

a:hover:before {
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
```

```html
<a href="#">test</a>
<br>
<br>
<a href="#">test
<br>
test2
</a>
```