跳转/外链

<span class="open-icon-link"></span>

<style>
.open-icon-link {
    display: inline-block;
    position: relative;
    width: 14px;
    height: 14px;
    border-style: dashed;
    border-width: 1px;
    border-color: var(--vp-c-text-3);
    border-left: 1px var(--vp-c-text-3) solid;
    border-bottom: 1px var(--vp-c-text-3) solid;
    cursor: pointer;
    transition: all .5s;
}

.open-icon-link::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 4px;
    width: 10px;
    height: 1px;
    background: var(--vp-c-text-3);
    transform: rotate(-45deg);
    transition: all .5s;
}

.open-icon-link:hover {
    border-color: var(--vp-c-text-1);
}

.open-icon-link:hover::before {
    background: var(--vp-c-text-1);
}
</style>