.article-card.article-card-border-shadow {
  overflow: visible;
}

.article-card.article-card-border-shadow .article-card__image {
  border-start-start-radius: calc(var(--article-card-border-radius) - var(--article-card-border-thickness));
  border-start-end-radius: calc(var(--article-card-border-radius) - var(--article-card-border-thickness));
}

.article-card__image-wrapper time {
  pointer-events: none;
  z-index: 1;
  position: absolute;
  inset-block-start: 16px;
  inset-inline-start: 16px;
  padding: 8px 12px;
  font-size: 12px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: calc(var(--sort-body-weight) + 100);
  color: rgb(var(--color-button-background));
  background-color: rgb(var(--color-button-text));
  border: 1px solid rgb(var(--color-button-background));
}

@media (min-width: 960px) {
  .article-card__image-wrapper time {
    inset-block-start: 20px;
    inset-inline-start: calc(var(--column-gap) / -2);
  }
}

@media (pointer: fine) {
  .article-card__image-wrapper :is(img, svg) {
    transition: transform 2s cubic-bezier(.19, 1, .22, 1);
  }

  .article-card__image-wrapper:hover :is(img, svg) {
    transform: scale(1.08);
  }
}

.article-card__title {
  line-height: 0;
}

.article-card__title,
.article-card__excerpt {
  flex-shrink: 0;
  max-width: 100%;
}

.article-card__date-author {
  row-gap: 12px;
}

.article-card__date-author strong {
  color: rgb(var(--color-text));
}

.article-card__button a::before {
  content: '';
  width: 28px;
  height: 1px;
  background-color: currentColor;
  display: inline-block;
  vertical-align: middle;
  margin-inline-end: 8px;
  transition: width 0.3s ease;
}

.article-card__button a:hover::before {
  width: 40px;
}