.card-list{@include list-reset;display:flex;flex-wrap:wrap;justify-content:center;margin:-1rem;&__item{padding:1rem;width:100%;@media (min-width:524px){width:50%}@media (min-width:768px){width:33.333%}@media (min-width:1200px){width:20%}&--1\/3{@media (min-width:1200px){width:33.333%}}}}.card{background-color:var(--bgc-white);border-radius:var(--border-radius-small);box-shadow:var(--drop-shadow);display:flex;flex-direction:column;height:100%;min-width:12.5rem;overflow:hidden;position:relative;&:hover{box-shadow:var(--drop-shadow-hover)}&:focus-within{box-shadow:var(--drop-shadow-hover)}&__body{display:flex;flex-direction:column;flex-grow:1;padding:2rem 1.5rem}&__title{@include title-4;color:var(--c-text-primary-dark);font-weight:300;margin:0 0 .3333em;@include for-desktop-up{margin-bottom:.3636em;margin-left:0;margin-right:0;margin-top:0}}&__text{color:var(--c-text-primary-dark);margin:0}&__cta{margin-top:auto;padding-top:1em}&__btn{&:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}}}