.downloads
{
    margin-bottom: steps(3);

    &:last-child
    {
        margin-bottom: 0;
    }

    @include for-at-least-normal-tablets
    {
        margin-bottom: steps(4);
    }

    .title
    {
        @include normal-text;

        margin-bottom: steps(1.5);

        @include for-at-least-normal-tablets
        {
            margin-bottom: steps(3);
        }
    }

    ul
    {
        @include for-at-least-normal-tablets
        {
            margin-top: steps(3);
        }
    }

    li
    {
        @include clickable;
        @include small-text(steps(1), steps(1));

        position: relative;
        border: 0 solid $color-border-normal;
        border-bottom-width: 1px;
        margin-top: -1px;

        &:last-child
        {
            border-bottom: 1px solid $color-border-normal;
            margin-bottom: -1px;
        }

        @include for-at-least-normal-tablets
        {
            @include baseline-paddings(16px, steps(2.5), steps(1.5), steps(0.5));
        }
    }

    a
    {
        @include icon("download-combined", $color-brand-normal);

        position: relative;
        display: inline-block;
        padding-left: 0;
        padding-right: steps(4);
        width: 100%;

        &::before
        {
            position: absolute;
            right: 0;
        }

        @include for-at-least-normal-tablets
        {
            padding-right: steps(20);
        }
    }

    .meta
    {
        color: $color-text-lighter;
    }
}

.downloads.pdf
{
    a::before
    {
        content: svg-image-data-url("pdf", $color-brand-normal);
    }
}

.richtext + .downloads
{
    margin-top: steps(3);

    @include for-at-least-normal-tablets
    {
        margin-top: steps(5);
    }
}
