:root {
  font-size: 62.5%;
}

.backend a {
  pointer-events: none !important;
}

.block-projet {
  display: flex;
  gap: clamp(16px, 14.7692307692px + 0.3846153846vw, 20px);
  justify-content: start;
  align-items: start;
}
@media screen and (max-width: 781px) {
  .block-projet {
    flex-direction: column;
  }
}
.block-projet .post {
  flex: 1 0 calc(33.3333333333% - clamp(16px, 14.7692307692px + 0.3846153846vw, 20px) * 2 / 3);
  position: relative;
  display: block;
  padding: clamp(16px, 14.7692307692px + 0.3846153846vw, 20px);
  transition: background-color 0.3s ease-in-out;
}
@media screen and (max-width: 781px) {
  .block-projet .post {
    flex: 1 0 100%;
    width: 100%;
  }
}
.block-projet .post .post-meta {
  display: flex;
  flex-wrap: wrap;
  gap: calc(clamp(16px, 14.7692307692px + 0.3846153846vw, 20px) / 2);
  justify-content: start;
  align-items: center;
}
.block-projet .post .post-meta .post-category {
  display: flex;
  gap: calc(clamp(16px, 14.7692307692px + 0.3846153846vw, 20px) / 2);
  justify-content: start;
  align-items: center;
}
.block-projet .post .post-meta .post-category > * {
  display: block;
  height: auto;
  margin: 0;
  padding: 0.2em 0.5em;
  background-color: #f9f5ef;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.block-projet .post .post-meta .post-date {
  margin: 0;
  padding: 0.2em 0.5em;
}
.block-projet .post .post-go-to-icon {
  position: absolute;
  bottom: clamp(16px, 14.7692307692px + 0.3846153846vw, 20px);
  right: clamp(16px, 14.7692307692px + 0.3846153846vw, 20px);
  display: block;
  width: 30px;
  height: auto;
}
.block-projet .post .post-go-to-icon polygon {
  fill: transparent;
  transition: fill 0.3s ease-in-out;
}
.block-projet .post .post-excerpt {
  margin-bottom: 0;
}
.block-projet .post:hover {
  background-color: #f9f5ef;
}
.block-projet .post:hover .post-meta .post-category > * {
  background-color: #ff3900;
  color: #f9f5ef;
}
.block-projet .post:hover .post-go-to-icon {
  animation: moveRight 0.8s ease-in-out infinite alternate;
}
.block-projet .post:hover .post-go-to-icon polygon {
  fill: #ff3900;
}

@keyframes moveRight {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(10px);
  }
}