.document-link {
    --list-gutter: 0;
    --link-color: currentColor;
    --link-underline: underline;
    font-size: var(--button-font-size);
}

.document-link__item {
    display: flex;
    gap: 1rem;
    text-underline-offset: 0.125rem;
}

    .document-link__item::before {
        content: "";
        flex: 0 0 1rem;
        height: 1lh;
        background-size: 1rem auto;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    .document-link__item[href*=".pdf"]::before {
        background-image: url(../../../../../ResourcePackages/HighroadFramework/MVC/Images/DocumentsList/icon_pdf.svg);
    }

    .document-link__item[href*="events.q4inc.com"]::before {
        background-image: url(../../../../../ResourcePackages/HighroadFramework/MVC/Images/DocumentsList/icon_play.svg);
    }