.article-card {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.article-card__image {
  border-radius: 5px;
}

.article-card__title {
  font-size: 24px;
  line-height: 30px;
}

.article-card__title--slide {
  font-size: 18px;
  line-height: 24px;

  @media (min-width: 990px) {
    font-size: 24px;
    line-height: 30px;
  }
}

.article-card__excerpt,
.article-card__cta {
  font-size: 14px;
  line-height: 20px;
}

.article-card__excerpt--slide,
.article-card__cta--slide {
  font-size: 12px;
  line-height: 18px;

  @media (min-width: 990px) {
    font-size: 14px;
    line-height: 20px;
  }
}

.article-card__cta {
  display: flex;
  align-items: baseline;
  gap: 10px;

  &:hover,
  &:focus {
    opacity: 0.5;
  }

  &:active {
    opacity: 0.3;
  }
}

.article-card__cta-text {
  text-decoration: underline;
}