.documents--container {
    width: 100%;
}

.documents--containr__header {
    margin-bottom: 4rem;
}

.documents--containr__header h1,
.documents--container__content h3 {
    grid-column: 1/3;
}

.documents--containr__header h2,
.documents--container__content ul{
    grid-column: 3/-1;
}

.documents--container__content ul:not(:last-of-type) {
    margin-bottom: 1.5rem;
}

.documents--container__content li:not(:last-of-type) {
    display: block;
    margin-bottom: .1rem;
}

.document-link {
    display: flex;
    width: fit-content;
}

.documents--container__content button > h2 {
    white-space: pre;
    margin-right: 8px;
    transition: 300ms;
}
.documents--container__content button > img {
    height: 14px;
    margin-right: 3px;
}

.documents--container__content a.cm-matosinhos:hover,
.documents--container__content button > h2.cm-matosinhos:hover {
    color: var(--color-blue);
}
.documents--container__content a.m-sports:hover,
.documents--container__content button > h2.m-sports:hover {
    color: var(--color-green);
}
.documents--container__content a.m-habit:hover,
.documents--container__content button > h2.m-habit:hover {
    color: var(--color-purple);
}