.card–alternate color reset.

.card--alternate color does not remain consistent and keeps changing. This behavior negatively affects the overall design and user experience, as the inconsistent styling looks unpolished and distracting each time it occurs. It would be much better if the color could remain stable or be easily overridden through custom CSS.

.card--alternate {
  border: 3px solid inherit; 

  .card-body {
    background-color: transparent; 
  }

  &:hover {
    border-color: inherit;

    .card-body {
      background-color: inherit;

      .card-text {
        color: inherit;
      }
    }

    .card-title > a {
      color: inherit;
    }
  }
}

.card--alternate {
  border: 3px solid inherit; 

  .card-body {
    background-color: transparent; 
  }

  &:hover {
    border-color: inherit;

    .card-body {
      background-color: inherit;

      .card-text {
        color: inherit;
      }
    }

    .card-title > a {
      color: inherit;
    }
  }
}

#cornerstone #bigcommerce