.underline {
    text-decoration: underline;
}

a.external::after {
    background-color: var(--md-primary-fg-color);
    display: inline-block;
    font-size: inherit;
    width: 18px;
    height: 18px;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    -webkit-mask-image: url("/assets/images/open-in-new.svg");
    mask-image: url("/assets/images/open-in-new.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
    margin-left: 4px;
    vertical-align: text-bottom;
    content: "";
}

a.external:hover::after {
    background-color: var(--md-accent-fg-color);
}

a.external.alt::after {
    background-color: var(--md-footer-fg-color--light);
}

a.external.alt:hover::after {
    background-color: var(--md-footer-fg-color);
}