.node-teaser-card {
  --color--card--text: black;

  border-radius: calc(14/10 * 1rem);
  box-shadow: none;
  background-color: white;
  overflow: hidden;
}

.node-teaser-card__media {
  height: calc(161/10 * 1rem);
  width: 100%;

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.node-teaser-card__content {
  background: white;
  padding: calc(10/10 * 1rem) calc(10/10 * 1rem) calc(15/10 * 1rem);
  position: relative;
  
  @container (width > calc(768/10 * 1rem)) {
    padding: calc(23/10 * 1rem) calc(15/10 * 1rem) calc(25/10 * 1rem);
  }

  @container (width > calc(992/10 * 1rem)) {
    padding: calc(23/10 * 1rem) calc(20/10 * 1rem) calc(50/10 * 1rem);
  }
}

.node-teaser-card__title {
  font-family: var(--font-family--lexend);
  font-weight: 700;
  font-size: calc(18/10 * 1rem);
  letter-spacing: 0;
  margin-bottom: calc(12/10 * 1rem);

  a {
    text-decoration: none;
  }
}