.card {
  padding: var(--anrt-spacing-100);
  background-color: var(--anrt-color-white);
  border-radius: 1rem;
}

.card.blocklink:hover {
  z-index: 2;
  position: relative;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.card__image img {
  width: 100%;
}

.card__content {
  display: flex;
  flex-direction: column;
  gap: var(--anrt-spacing-050);
}

.card.views-row,
.card__inner {
  display: flex;
  flex-direction: column;
  gap: var(--anrt-spacing-025);

  >* {
    margin-block: 0;
  }
}

@media screen and (min-width: 60rem) {
  .card__inner {
    gap: var(--anrt-spacing-050);
  }

  .card {
    padding-bottom: var(--anrt-spacing-100);
  }

}

.card__content>* {
  margin-block: 0;
}

.card__inner>* {
  margin-block: 0;
}

.card__meta {
  /* font-weight: 400; */
  /* color: var(--anrt-color-secondary-a); */
  display: flex;
  flex-wrap: wrap;
  color: var(--icon-color);
}


.card__date+.card__tag .field__item::before {
  content: ',';
  margin-right: var(--anrt-spacing-025);
}

.card__title {
  color: var(--anrt-color-black);
}

.card__title a {
  color: inherit;
  text-decoration: none;
}

.card__text {
  padding-bottom: var(--anrt-spacing-100);
  border-bottom: 1px solid var(--anrt-color-tertiary-20);
}

.view-content--block-promoted .card__text {
  display: none;
}

.card--infographic {
  box-shadow: none !important;
  border-radius: 0;
  padding-inline: 0;
  border-bottom: 1px solid var(--anrt-color-tertiary-20);
}

.card--infographic.node--view-mode-full {
  max-width: 320px;
  margin: 0 auto;
}

.card--infographic .card__title {
  font-size: var(--anrt-font-size-default);
  font-weight: 700;
}

.card__actions{
  display: flex;
  gap: var(--anrt-spacing-100);
}

.card__actions .button {
  --anrt-button-bg: var(--anrt-color-white);
  --anrt-button-color: var(--node-color);
  --anrt-button-border: var(--node-color);
  --anrt-button-focus-bg: var(--node-color);
  --anrt-button-focus-border: var(--node-color);
  --anrt-button-focus-color: var(--anrt-color-white);
}