.article-card {
  position: relative;
}

.article-card__date,
.article-card__categories,
.article-card__excerpt {
  font-size: calc(16 / var(--base) * 1rem);
}

.article-card__separator {
  margin: 0 5px;
}

.article-card__categories {
  display: inline;
}
.article-card__categories a {
  position: relative;
  z-index: 1;
}

h2.article-card__title.article-card__title {
  margin-bottom: 5px;
}

.article-card__excerpt {
  margin-top: 15px;
}

.article-card__link {
  margin-top: 20px;
}

.article-card__thumb {
  margin-bottom: 15px;
}

@media (min-width: 992px) {
  .article-card__date,
  .article-card__categories,
  .article-card__excerpt {
    font-size: calc(18 / var(--base) * 1rem);
  }
}