Link card

Default

<div class="card card--link">

    <div class="card__body">
        <a class="card__link" href="#">How we successfully pushed for more transparent public procurement rules in Spain</a>
    </div>

    <div class="card__footer">

        <a class="arrow-link" href="#" data-icon-color="white" data-text-color="black">
            <svg class="arrow-link__icon"><use xlink:href="#icon-arrow-circle"></use></svg>
            <span class="arrow-link__label">Read</span>
        </a>

    </div>

</div>

Light

<div class="card card--link" data-colour-scheme="light">

    <div class="card__body">
        <a class="card__link" href="#">How we successfully pushed for more transparent public procurement rules in Spain</a>
    </div>

    <div class="card__footer">

        <a class="arrow-link" href="#" data-text-color="black">
            <svg class="arrow-link__icon"><use xlink:href="#icon-arrow-circle"></use></svg>
            <span class="arrow-link__label">Read</span>
        </a>

    </div>

</div>

Transparent

<div class="aigis-preview__background">

    <div class="card card--link" data-colour-scheme="transparent">

        <div class="card__body">
            <a class="card__link" href="#">How we successfully pushed for more transparent public procurement rules in Spain</a>
        </div>

        <div class="card__footer">

            <a class="arrow-link" href="#" data-icon-color="white" data-text-color="white">
                <svg class="arrow-link__icon"><use xlink:href="#icon-arrow-circle"></use></svg>
                <span class="arrow-link__label">Read</span>
            </a>

        </div>

    </div>

</div>