/* === OXYGEN Issue with these Flex Mixins - They can't be used as a base Oxy Class (.ct-div-block) overides them in the DOM  ===*/
.member-pass-card {
  /*@include flexStart(row, space-between;*/
  width: 100%;
  height: auto;
  padding: 2rem;
  border: 2px solid var(--black);
  color: var(--black);
  background: var(--white);
}
.member-pass-card h5 {
  color: var(--black);
}
.member-pass-card img {
  border: 2px solid var(--black);
}
.member-pass-card__footer {
  /*@include flexCenter(row, center);*/
  width: 100%;
  height: 4rem;
  margin-top: auto;
}
.member-pass-card__footer h5 {
  color: var(--black);
}
.member-pass-card:hover {
  color: var(--white);
  background: var(--accent);
}
.member-pass-card:hover .footer-item__icon {
  stroke: var(--white);
}
.member-pass-card:hover h5 {
  color: var(--white);
}
.member-pass-card:hover__footer h5 {
  color: var(--white);
}
/*@media (hover: none) {
    .member-pass-card {
    }
}*/