собственно не знаю как сделать так чтобы before не имел hover родителя
a:before{
transition: all 2s ease;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-45%);
content: '';
width: 30px;
border-top: 2px solid transparent;
border-bottom: 2px solid transparent;
}
a:hover:before{
padding: 38px 0;
border-top: 2px solid $customTextColor;
border-bottom: 2px solid $customTextColor;
}