.block-files
    .top
        h2, h3
            + .description
                margin-top: $spacing0
    .files
        @include list-reset
        li
            @include icon("download", before)
            align-items: start
            display: flex
            position: relative
            &::before
                align-items: center
                border: 1px solid $color-border
                display: flex
                flex-shrink: 0
                font-size: px2rem(18)
                height: px2rem(60)
                justify-content: center
                margin-right: $spacing0
                transition: background 0.3s ease, border 0.3s ease
                width: px2rem(60)
            &:hover
                &::before
                    background-color: $color-border
                    border-color: transparent
        a
            @include stretched-link(before)
            @include small
            text-decoration: none
            &::after
                content: none !important // Remove default icon _blank

    figcaption
        @include meta
    @include media-breakpoint-down(desktop)
        .files
            li + li
                margin-top: $spacing1
    @include media-breakpoint-up(desktop)
        @include in-page-with-sidebar
            .files
                @include grid(2, desktop, half($grid-gutter))
        @include in-page-without-sidebar
            .top
                display: flex
                h2, h3
                    width: col(4)
                .description
                    margin-top: 0
                    width: col(8)
                    margin-left: $grid-gutter
            .files
                @include grid(3, desktop, half($grid-gutter))