
.resource-list {
    list-style: none;
    margin: 0;
    padding: 0;

    &__heading {
        font-weight: bold;
        margin-bottom: 30px;
        word-wrap: break-word;
        color: $color-heading;

        .icon {
            height: 1rem;
            width: 1rem;
            fill: currentColor;
            vertical-align: middle;
        }
    }


    &__item {
        padding-top: calc($vertical-spacing/2);
        padding-bottom: calc($vertical-spacing/2);

        &:not(:last-child) {
            border-bottom: 1px solid $color-grey-light-2;
        }

        &-heading {
            font-weight: bold;
            word-break: break-word;
            color: $color-heading;
        }

        &-action {
            margin-left: 15px;
        }

        &-attributes {
            display: flex;
            justify-content: space-between;

            @include media-breakpoint-down(lg) {
                flex-direction: column;
            }
        }

        &-data,
        &-links { // see, download resource
            display: flex;
            justify-content: space-between;

            :first-child {
                margin-right: 1rem;
            }

            @include media-breakpoint-down(xl) {
                flex-direction: column;

                :first-child {
                    margin-right: 0;
                }
            }
        }
    }
}
