Icon Cards: Without Tear

<div class="icon-cards" data-module="iconCards">
    <div class="icon-cards__inner">
        <div class="grid-x">
            <div class="cell">
                <h2 class="icon-cards__title">Travelling to Ireland</h2>
            </div>
        </div>
        <div class="grid-x">
            <div class="icon-cards__card cell">
                <div class="icon-card icon-card--large">
                    <div class="icon-card__inner">
                        <h2 class="icon-card__title">Northern Ireland and Republic of Ireland</h2>
                        <p class="icon-card__subtitle">Public transport is certainly not the only way to travel around the island of Ireland – but it's definitely one of the best!</p>
                        <div class="icon-card__button js-icon-card-button-link">
                            <a href="#" class="button-p3   " role="button">Find out more
                                <svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M12.2929 1.2928C12.6834 0.902276 13.3166 0.902276 13.7071 1.2928L18.7074 6.29306C19.0979 6.68358 19.0979 7.31675 18.7074 7.70727C18.3168 8.0978 17.6837 8.0978 17.2931 7.70727L12.2929 2.70701C11.9024 2.31649 11.9024 1.68332 12.2929 1.2928Z" />
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M1 6.00003L17 6.00003C17.5523 6.00003 18 6.44775 18 7.00003C18 7.55232 17.5523 8.00003 17 8.00003L1 8.00003C0.447715 8.00003 -7.61005e-08 7.55232 -8.74229e-08 7.00003C-3.91406e-08 6.44775 0.447715 6.00003 1 6.00003Z" />
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M18.6347 7.77952L13.7068 12.7074C13.3163 13.0979 12.6832 13.0979 12.2926 12.7074C11.9021 12.3168 11.9021 11.6837 12.2926 11.2932L17.2205 6.36531C17.611 5.97479 18.2442 5.97479 18.6347 6.36531C19.0252 6.75584 19.0252 7.389 18.6347 7.77952Z" />
                                </svg>
                            </a>
                        </div>
                    </div>
                    <div class="icon-card__icon-wrapper">
                        <div class="icon-card__icon"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 66 71'>
                                <path d='M19 49.557L0 65.5V16.443L19 .5v49.057zM65 49.557L46 65.5V16.443L65 .5v49.057z' />
                                <path fill-rule='evenodd' clip-rule='evenodd' d='M19 .5v48.75L46 65.5V16.75L19 .5zm3.24 5.74v41.17l20.52 12.35V18.59L22.24 6.24z' />
                            </svg></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="grid-x grid-margin-x">
            <div class="icon-cards__card cell medium-4">
                <div class="icon-card icon-card--small">
                    <a class="icon-card__link js-icon-card-link" href="#">
                        <div class="icon-card__icon-wrapper">
                            <div class="icon-card__icon"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 39'>
                                    <g clip-path='url(#clip0)'>
                                        <path d='M21.123 26.457l-.635 2.225c-.128.442-.537.73-.988.73a.99.99 0 01-.271-.035c-.543-.144-.866-.695-.712-1.221l.63-2.21a.534.534 0 01-.456.139c-.87-.05-1.74-.1-2.662-.1-7.988 0-14.44 2.334-14.44 5.215 0 2.88 6.452 5.214 14.44 5.214 7.988 0 14.44-2.334 14.44-5.214 0-2.136-3.688-4.023-8.91-4.768a.59.59 0 01-.4-.248 1.21 1.21 0 01-.036.273zM27.445 3.294a.272.272 0 01-.154-.248l.103-.348c.102-.397-.052-.844-.461-1.043-.512-.198-1.075.05-1.178.547l-.154.397a.283.283 0 01-.256.149c-7.22-1.34-14.388 2.433-17.256 8.89-.153.347.205.595.513.447a3.757 3.757 0 011.024-.448c1.536-.496 3.277 0 4.352 1.192.46.497.768 1.093.87 1.64.052.248.41.347.615.148.512-.496 1.126-.894 1.895-1.092 1.28-.348 2.713-.05 3.737.794.41.348.717.696.922 1.093.051.1.051.199.051.248l-2.734 9.918a1.042 1.042 0 011.075-.343.999.999 0 01.676.591c.005-.03 0-.06.01-.09l2.612-9.634c0-.1.102-.149.153-.198.41-.249.871-.398 1.383-.497a4.19 4.19 0 013.636 1.093c.563.546.921 1.191 1.075 1.837.051.248.41.348.614.149.41-.447.973-.745 1.588-.993 1.433-.497 3.072-.199 4.147.794.359.348.666.745.922 1.143.154.298.614.248.666-.15.87-6.997-3.482-13.701-10.446-15.986z' />
                                    </g>
                                    <defs>
                                        <clipPath id='clip0'>
                                            <path d='M0 .003h38v38H0v-38z' />
                                        </clipPath>
                                    </defs>
                                </svg></div>
                        </div>
                        <div class="icon-card__inner">
                            <p class="icon-card__title">Public Holidays in Ireland</p>
                            <p class="icon-card__subtitle">Public holidays on the island of Ireland mean big celebrations, and some just offer a good excuse to chill out. Here's what you need to know.</p>
                            <div class="icon-card__cta-icon"></div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="icon-cards__card cell medium-4">
                <div class="icon-card icon-card--small">
                    <a class="icon-card__link js-icon-card-link" href="#">
                        <div class="icon-card__icon-wrapper">
                            <div class="icon-card__icon"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 39'>
                                    <path fill-rule='evenodd' clip-rule='evenodd' d='M14.578 9.503c.605 0 1.157.344 1.422.888l3.494 7.152c.106.216.161.454.161.695v2.746h9.773c.45 0 .878.19 1.179.526l6.988 7.792c.26.29.405.667.405 1.057v6.06c0 .875-.709 1.584-1.583 1.584h-21.84a1.583 1.583 0 01-1.583-1.584v-7.132L9.97 26.29a1.583 1.583 0 01-.469-1.125v-6.926c0-.24.055-.479.16-.695l3.495-7.152a1.583 1.583 0 011.423-.888zm-1.911 9.101v5.9l3.025 2.999c.3.297.469.702.469 1.124v6.209h18.672v-3.871l-6.112-6.815h-10.65a1.583 1.583 0 01-1.583-1.583v-3.963l-1.91-3.911-1.911 3.911z' />
                                    <path fill-rule='evenodd' clip-rule='evenodd' d='M6.806 21.041a1.583 1.583 0 012.221 0l6.334 6.234c.302.298.472.705.472 1.129v8.015c0 .875-.709 1.584-1.583 1.584H1.583A1.583 1.583 0 010 36.419v-8.015c0-.424.17-.831.473-1.129l6.333-6.234zm-3.64 8.026v5.77h9.5v-5.77l-4.75-4.676-4.75 4.676zM25.333 1.586c0-.874.71-1.583 1.584-1.583h7.916c.875 0 1.584.709 1.584 1.583v26.917a1.583 1.583 0 01-2.862.934L29.28 23.59h-2.363a1.583 1.583 0 01-1.584-1.583V1.586zM28.5 3.169v17.253h1.583c.506 0 .98.241 1.279.65l1.888 2.582V3.17H28.5z' />
                                    <path fill-rule='evenodd' clip-rule='evenodd' d='M20.583 7.92c0-.875.71-1.584 1.584-1.584h4.75c.874 0 1.583.709 1.583 1.583v14.25c0 .875-.709 1.584-1.583 1.584h-4.75a1.583 1.583 0 01-1.584-1.584V7.92zm3.167 1.583v11.083h1.583V9.503H23.75z' />
                                </svg></div>
                        </div>
                        <div class="icon-card__inner">
                            <p class="icon-card__title">Tourist Offices</p>
                            <p class="icon-card__subtitle">So you want to source local information and advice about travelling in Ireland? Here's a list of the main tourism offices around the island.</p>
                            <div class="icon-card__cta-icon"></div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="icon-cards__card cell medium-4">
                <div class="icon-card icon-card--small">
                    <a class="icon-card__link js-icon-card-link" href="#">
                        <div class="icon-card__icon-wrapper">
                            <div class="icon-card__icon"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 39'>
                                    <path d='M13.232 1.586A3.724 3.724 0 009.5 5.318v27.37a3.724 3.724 0 003.732 3.731h12.44a3.724 3.724 0 003.733-3.732V5.318a3.724 3.724 0 00-3.732-3.732h-12.44zm-1.659 4.147h15.758v24.88H11.573V5.734zm7.88 26.125a1.659 1.659 0 110 3.317 1.659 1.659 0 010-3.317z' />
                                </svg></div>
                        </div>
                        <div class="icon-card__inner">
                            <p class="icon-card__title">Helpful Apps</p>
                            <p class="icon-card__subtitle">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Dictumst ut tortor eu, tortor in porta fringilla. Maecenas maecenas nunc.</p>
                            <div class="icon-card__cta-icon"></div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>