.link1 {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
}

.link1 li {
    position: relative;
    display: inline-block;
}

.link1.styl3 > li + li:before {
    position: absolute;
    content: "|";
    left: 0px;
    font-size: 12px;
    top: 2px;
}

.link1 .ulink {
    position: relative;
    display: inline-block;
}

.link1.styl1 .ulink:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: black;
    margin-top: 2px;
}

.link1.styl1 .ulink:hover:after {
    -webkit-animation: thepack-swipe-line 1.5s cubic-bezier(0.475, 0.425, 0, 0.995) forwards;
    animation: thepack-swipe-line 1.5s cubic-bezier(0.475, 0.425, 0, 0.995) forwards;
}

.link1.styl2 a {
    transition: transform 500ms ease;
}

.link1.styl2 li:hover a {
    transform: translateX(10px);
}