.card-list[class] {
  margin: 0 0 3em;
}

@media (min-width: 48em) {
  .card-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -1.375em -0.9375em 0;
  }
}

@media (min-width: 48em) {
  .card-list[class] {
    max-width: 50em;
    margin-left: auto;
    margin-right: auto;
  }
}


@media (min-width: 75em) {
  .card-list[class] {
    max-width: 75em;
    margin-left: auto;
    margin-right: auto;
  }
}

.card-list__item,
.card-list--item {
  margin: 0;
  padding: 0 0.9375em 2.25em;
}


@media (min-width: 48em) {
  .card-list__item,
  .card-list--item {
    width: 50%;
    margin: 0;
    padding: 0 0.9375em 2.25em;
  }

  .card-list__item,
  .card-list--item,
  .card-list__item .card__link,
  .card-list--item .card__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .card-list__item:nth-child(3),
  .card-list--item:nth-child(3) {
    width: 100%;
  }

  .card-list__item:nth-child(3) .card,
  .card-list--item:nth-child(3) .card,
  .card-list__item:nth-child(3) .card__link,
  .card-list--item:nth-child(3) .card__link {
    width: 100%;
  }

}

@media (min-width: 75em) {
  .card-list__item,
  .card-list--item,
  .card-list__item:nth-child(3),
  .card-list--item:nth-child(3) {
    width: 33.333%;
  }

  .card-list__item:nth-child(2),
  .card-list--item:nth-child(2) {
    width: 66.6667%;
  }

}

.card-list__footer,
.view-news-card-list .view-footer {
  padding: 0 0 3em;
  text-align: center;
}

.card-list__button {
  margin: 0;
  padding-left: 4em;
  padding-right: 4em;
}