[data-component-id="budo:ressource_card"] {
  height: 100%;
  box-shadow: 0 0 4px 0px #aaa;
  border-radius: var(--border-radius-sm, 5px);
  padding-bottom: var(--rhyme-sm);

  font-size: var(--typography-sm);
  line-height: 1.4;
}

a.ressource-card__link {
  text-decoration: none;
  color: var(--color-on-background);
}

a.ressource-card__link:hover {
  transform: translateY(-1.4ch);
  transition: transform 0.5s ease;
  color: white;
}

a.ressource-card__link:hover .ressource-card {
  background-color: var(--color-primary);
}

[data-component-id="budo:ressource_card"] .ressource-card__cover img {
  width: 100%;
  height: auto;
  aspect-ratio: 600 / 280;
  object-fit: contain;
  border-radius: var(--border-radius-sm, 5px) var(--border-radius-sm, 5px) 0 0;
}

[data-component-id="budo:ressource_card"] .ressource-card__title {
  font-size: var(--typography-md);
  font-weight: 600;
  padding-inline: var(--rhyme-base);
  padding-top: var(--rhyme-base);
}

[data-component-id="budo:ressource_card"] .ressource-card__subtitle {
  padding-inline: var(--rhyme-base);
  font-style: italic;
  color: var(--color-on-background);
  color: color-mix(in oklch, var(--color-on-background) 60%, var(--color-background) 40%);
}

a.ressource-card__link:hover .ressource-card__subtitle{
  color: white;
}

[data-component-id="budo:ressource_card"] .ressource-card__content {
  padding-inline: var(--rhyme-base);
  margin-block: var(--rhyme-base);
}

[data-component-id="budo:ressource_card"] .ressource-card__content p {
  margin-block: 0.5rem;
}