.documents-list {
    display: block;
    padding: unset;
    margin: unset;


    li {
        display: block;

        &:not(:last-child) {
            margin-bottom: 0.5rem;
        }
    }

    a {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.75rem;
        background-color: var(--bg-light-neutral);
        transition: 150ms ease-out;
        font-weight: 500;
        border-radius: 0.25rem;
        
        &:hover {
            background-color: var(--bg-neutral);
        }
    }

    .fas {
        font-size: 25px;
        text-align: center;
        width: 25px;
    }

    .fa-arrow-up-right-from-square {
        margin-left: -0.25rem;
        margin-top: -0.25rem;
        font-size: 0.75rem;
    }
}