.shadow-card {
  border: 1px solid var(--silver);
  border-radius: 8px;
  box-shadow: 0 8px 10px #0003;
  background: var(--white);
}

 .card-content {
  display: grid;
  gap: 10px;
}

.card-container:has(.shadow-card-wrapper) {
  gap: 20px !important;
}

.shadow-card .content {
  cursor: pointer;
  gap: 10px;
  padding: 20px;
  display: flex;
  flex-direction: column;
}

.shadow-card-wrapper {
  height: 100%;
}

/* stylelint-disable-next-line selector-class-pattern */
.shadow-card .content:hover .link-button--tertiary:empty::before {
  right: -10px !important;
}

/* Eyebrow */
.shadow-card .content .eyebrow * {
  font: var(--font-16-24-gotham-book);
  font-weight: normal;
  color: var(--off-black);
}

/* Title */
.shadow-card .content .title * {
  font: var(--font-18-26-gotham-medium);
  font-weight: 500;
  color: var(--black);
}

/* Subtitle */
.shadow-card .content .subtitle * {
  font: var(--font-16-24-gotham-book);
  font-weight: normal;
  color: var(--off-black);
}

/* Description */
.shadow-card .content .description * {
  font: var(--font-16-24-gotham-book);
  font-weight: normal;
  color: var(--off-black);
}

/* Posttext */
.shadow-card .content .posttext * {
  font: var(--font-16-24);
  font-weight: var(--font-16-24-gotham-book);
  color: var(--off-black);
}

/* Link group */
.shadow-card .content .link-group {
  display: flex;
  justify-content: flex-end;
}

/* Ensure the media container clips its children to the card's border radius */
.shadow-card .media {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
}

/* Optional: Remove border radius from the image itself if set elsewhere */
.shadow-card .media img {
  border-radius: 0;
}