/* ------------------------------------------- */
/* ------------------------------------------- */
/* ------------------------------------------- */
/* ------------------------------------------- */
.block-projet {
  position: relative;
  display: flex;
  height: 600px;
  width: 100%;
}
@media screen and (max-width: 820px) {
  .block-projet {
    height: 300px !important;
  }
}
.block-projet.full-height {
  height: 100%;
}
@media screen and (max-width: 820px) {
  .block-projet.full-height {
    height: 300px !important;
    min-height: auto !important;
  }
}
.block-projet img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.block-projet .button-projet {
  position: absolute;
  right: 5%;
  bottom: 2rem;
  display: flex;
  align-items: center;
  border-radius: 3rem;
  background-color: #71FF00;
  color: #000;
  text-transform: uppercase;
  overflow: hidden;
  text-align: center;
  font-size: 1rem !important;
}
.block-projet .button-projet .button-title {
  flex: 0 1 100%;
  padding: 0.8rem 1.5rem 0.8rem 2rem;
  transition: flex 0.5s ease-in-out;
  white-space: nowrap;
}
.block-projet .button-projet .button-view {
  white-space: nowrap;
  background-color: #FAF8F8;
  padding: 0.8rem 2rem;
  border: 1px solid #71FF00;
  border-radius: calc(3rem - 2px);
  transition: transform 0.5s ease-in-out;
}
.block-projet .button-projet:hover .button-title {
  flex: 1 0 100%;
}
.block-projet .button-projet:hover .button-view {
  transform: translateX(100%);
}