.resaltado-azul-animado {
    display: inline;
    padding: 0 4px;
    font-weight: bold;
    color: #000;

    background-image: linear-gradient(
        rgba(0, 115, 170, 0.35),
        rgba(0, 115, 170, 0.35)
    );
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 0 100%;

    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;

    transition: background-size 1.5s ease-out 0.5s;
}

.resaltado-azul-animado.animar {
    background-size: 100% 100%;
}