.pdf {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin: 0 10px;
    text-decoration: underline;
    color: #333
}

    .pdf:after {
        content: "";
        position: relative;
        display: block;
        width: 26px;
        height: 33px;
        background: url(/fore/img/PDF.svg) no-repeat left top;
        background-size: contain;
        margin-left: 10px;
    }

.word {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin: 0 10px;
    text-decoration: underline;
    color: #333
}

    .word:after {
        content: "";
        position: relative;
        display: block;
        width: 26px;
        height: 33px;
        background: url(/fore/img/word.svg) no-repeat left top;
        background-size: contain;
        margin-left: 10px;
    }

.odt {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin: 0 10px;
    text-decoration: underline;
    color: #333
}

    .odt:after {
        content: "";
        position: relative;
        display: block;
        width: 26px;
        height: 33px;
        background: url(/fore/img/odt.svg) no-repeat left top;
        background-size: contain;
        margin-left: 10px;
    }