.external {
    text-decoration : underline;
    position        : relative;
    transition      : text-decoration-color 200ms;
    &:hover {
        text-decoration-color: transparent;
    }
    &::after {
        content   : "";
        position  : absolute;
        right     : -.05rem;
        transform : translateX(100%) scale(0.88);
        width : 1rem;
        top : 0;
        bottom : 0;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIj48cGF0aCBkPSJNMjIyLjE1LTE4MCAxODAtMjIyLjE1IDYzNy44NS02ODBIMzYwdi02MGgzODB2MzgwaC02MHYtMjc3Ljg1TDIyMi4xNS0xODBaIi8+PC9zdmc+");
        background-size : contain;
        background-repeat : no-repeat;
        background-position: left center;
    }
}