a { text-decoration: none; }

.link-break{
    line-break: anywhere;
}

.link{
    display: inline-block;
    text-decoration: none;
    margin-top: 0px;
    position: relative;
    cursor: pointer;
}
.link::after{
    content: '';
    width: 0;
    height: 1px;
    display: block;
    background: var(--color-4);
    transition: 0.6s all ease;
}
.link:hover::after{
    width: 100%;
}
.link-hover { color: unset; transition: 0.6s all ease; }
.link-hover:hover {color: var(--color-1); } 

.link-1{ color: var(--color-1); } .link-1::after { background: var(--color-1);}
.link-2{ color: var(--color-2); } .link-2::after { background: var(--color-2);}
.link-3{ color: var(--color-3); } .link-3::after { background: var(--color-3);}
.link-4{ color: var(--color-4); } .link-4::after { background: var(--color-4);}
.link-5{ color: var(--color-5); } .link-5::after { background: var(--color-5);}
.link-w{ color: var(--color-w); } .link-w::after { background: var(--color-w);}
.link-b{ color: var(--color-b); } .link-b::after { background: var(--color-b);}

/** Content body special color **/
.estilo-2 .link-2{
    color: var(--color-5);
}