.cards-wrapper {
    display: flex;
    gap: 45px;
    padding-left: 15px;
    padding-right: 15px;
}
.cards-wrapper > * {
    flex: 1;
    flex-grow: 1;
}
.cards-wrapper .mmp_box {
  display: flex;
  flex-direction: column;
}
.cards-wrapper .actions {
  margin-top: auto;
}
.cards-wrapper .actions b {
  display: inline;
}
/** Cards header as flex element for footer cards. */
.cards-wrapper .actions.card-flex-header {
  display: none !important;
  margin-top: 20px;
  gap: 20px;
}
.cards-wrapper .actions.card-flex-header > * {
  flex-shrink: 1;
}
.cards-wrapper .actions.card-flex-header > b {
  flex-grow: 1;
  margin: 0;
  padding: 0;
}

.cards-wrapper .actions a::before {
  content: " ";
  display: inline-block;
  width: 12px;
  height: 19px;
  -webkit-mask-image: url('/wp-content/themes/mfz_acadia/images/icon_arrow.png');
  mask-image: url('/wp-content/themes/mfz_acadia/images/icon_arrow.png');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: var(--theme-color);
  transition: all ease .2s;
}
.cards-wrapper .actions a:hover::before {
  opacity: .75;
}
/**Legacy to remove old <img> arrows*/
.cards-wrapper .actions a img {
  display: none;
}

@media screen and (max-width: 767px) {
  .cards-wrapper {
    flex-direction: column;
    gap: 20px;
  }

  .cards-wrapper .actions.card-flex-header {
    display: flex !important;
  }
}