.arrows {
    white-space: nowrap;
}

    .arrows li {
        display: inline-block;
        line-height: 26px;
        margin: 0 9px 0 -10px;
        padding: 0 20px;
        position: relative;
    }

        .arrows li::before,
        .arrows li::after {
            border-right: 1px solid #666666;
            content: '';
            display: block;
            height: 50%;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            z-index: -1;
            transform: skewX(45deg);
        }

        .arrows li::after {
            bottom: 0;
            top: auto;
            transform: skewX(-45deg);
        }

        .arrows li:last-of-type::before,
        .arrows li:last-of-type::after {
            display: none;
        }

        .arrows li a {
            font: bold 24px Sans-Serif;
            letter-spacing: -1px;
            text-decoration: none;
        }

.a1 a { color: black; }
.a2 a {
    color: #b3b3b3;
}

.a1:hover {
    text-decoration: underline;
}

.a2:hover {
    text-decoration: underline;
}