.card-post {
  border: var(--size-1) solid transparent;
  transition: var(--animation-property-all) var(--timing-medium) ease-in-out;
  box-shadow: -13px 71px 20px 0 rgba(0, 93, 133, 0), -8px 46px 19px 0 rgba(0, 93, 133, 0.02), -5px 26px 16px 0 rgba(0, 93, 133, 0.08), -2px 11px 12px 0 rgba(0, 93, 133, 0.13), -1px 3px 6px 0 rgba(0, 93, 133, 0.15);
  border-radius: var(--border-radius-medium);
}
.card-post:hover {
  border-color: var(--bc-color-bleu);
}
.card-post:hover .post-link-content .post-button .button-text {
  width: 100%;
}
.card-post:active .post-link-content {
  background-color: var(--bc-color-turquoise-50);
}
.card-post:focus {
  border-color: var(--bc-color-corail-500);
}
.card-post:focus .post-link-content .button-icon {
  background-color: var(--bc-color-corail-500);
}
.card-post .post-link-content {
  background-color: var(--bc-background);
  height: 100%;
  border-bottom-left-radius: var(--border-radius-medium);
  border-bottom-right-radius: var(--border-radius-medium);
  min-height: 237px;
}
.card-post .post-link-content .post-title {
  margin-block-end: var(--size-0);
}
.card-post .post-link-content .post-excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.card-post .post-link-content .post-button .button-text {
  transition: var(--animation-property-all) var(--timing-medium) ease-in-out;
  width: 9ch;
  text-align: center;
  font-size: var(--size-18);
  font-weight: var(--font-weight-medium);
}
.card-post .post-link-content .post-button .button-icon {
  color: var(--bc-color-bleu);
  font-size: var(--size-24);
}
.card-post .post-link-content .post-tag {
  background-color: var(--bc-color-bleu-800);
  color: var(--bc-background);
  border-radius: var(--border-posts-tag);
}
.card-post .post-thumbnail {
  border-top-left-radius: var(--border-radius-medium);
  border-top-right-radius: var(--border-radius-medium);
  aspect-ratio: 2/1;
}
.card-post .post-thumbnail img {
  width: 100%;
  height: 100%;
  max-width: inherit;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}/*# sourceMappingURL=block-articles.css.map */