.m-article-card {
  position: relative;
  isolation: isolate;
}
.m-article-card a {
  text-decoration: none;
  color: var(--color-primary-body);
}
.m-article-card__content {
  display: flex;
  flex-direction: column;
}
.m-article-card__badges--on-image {
  position: absolute;
  top: 0.6rem;
  left: 1rem;
}
.m-article-card__badges--below-image {
  margin-bottom: 1rem;
}
.m-article-card__badges--below-image span:last-child.a-badge__divider {
  display: none;
}
.m-article-card__badges {
  display: flex;
  gap: 1rem 0.5rem;
  z-index: 9;
  flex-wrap: wrap;
  text-transform: capitalize;
}
.m-article-card__image {
  margin-bottom: 2.4rem;
  position: relative;
  overflow: hidden;
}
.m-article-card__image img {
  max-height: 10.5rem;
  object-fit: cover;
  max-width: 100%;
  height: auto;
  width: 100%;
  display: block;
  transition: transform var(--default-transition-easing) var(--default-transition-timing);
}
.m-article-card__info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.m-article-card__info span {
  font-size: var(--body-fs-sm);
  line-height: var(--body-lh-sm);
}
.m-article-card__category, .m-article-card__category__divider {
  font-size: 1.1rem;
  line-height: 1.2;
  letter-spacing: 0.06rem;
  text-transform: uppercase;
  font-weight: 500;
}
.m-article-card__heading {
  margin-bottom: 3.2rem;
}
.m-article-card__heading h3 {
  font-size: 1.6rem;
  line-height: 1.3;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.7em;
}
.m-article-card__footer {
  border: none;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.2;
  letter-spacing: 0.06rem;
}
.m-article-card__footer .icon {
  width: 1.6rem;
  height: 1.6rem;
}
.m-article-card__footer .icon path {
  fill: #00EA93;
}
.m-article-card__badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
  text-transform: capitalize;
}
.m-article-card:hover .m-article-card__image img {
  transform: scale(1.05);
}