.cards{display:flex;flex-wrap:wrap;justify-content:center}.cards__card{align-items:center;align-self:flex-start;display:flex;flex-wrap:wrap;margin-bottom:1.4rem;max-width:100%}.cards__card .card-inner{position:relative;background-size:cover;margin:1em;background-position:center;height:0;width:100%;padding-top:130%;margin:5%;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;box-sizing:content-box}.card__text{padding:1.5rem;width:100%;z-index:1;position:relative}.cards h2.card__title,.cards p.card__content. .cards .button-wrapper{z-index:1}span.subtitle{font-weight:500}h2.card__title{line-height:1}.card-gradient{z-index:-1}.card-gradient{position:absolute;width:100%;height:100%;background:linear-gradient(to top,rgb(0 0 0 / 85%),rgb(0 0 0 / 0%) 100%);left:0;top:0}.card__text,h2.card__title{color:#fff}.cards .button{font-size:16px}@media screen and (max-width:767px){{# .card-gradient{background:linear-gradient(to top,#000,transparent 90%)}#}.card__text{padding:1rem .5rem}.cards .button{padding:.25rem .75rem}}