.carte {
  display: grid;
  align-content: center;
  position: relative;
  isolation: isolate;
  float: left;
  height: 233px;
  padding-top: 200px;
  border: 2px solid;
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  background-image: var(--visuel);
  background-repeat: no-repeat;
  line-height: normal;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  color: rgb(255, 255, 255);
  transition: border-color 0.25s ease;
}

.carte::before,
.carte::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  transition: opacity 0.25s ease;
}

.carte::after {
  opacity: 0;
}

.carte:hover {
  border-color: #7da600;
}

.carte:hover::before {
  opacity: 0;
}

.carte:hover::after {
  opacity: 1;
}

.carte-document {
  width: 155px;
  border-color: rgb(23, 65, 149);
  background-size: contain;
  background-position: center top;
}

.carte-document::before {
  background-image: linear-gradient(180deg, rgba(23, 65, 149, 0) 84.4047619047619%, rgb(23, 65, 149) 84.4047619047619%);
}

.carte-document::after {
  background-image: var(--icone-telechargement), linear-gradient(180deg, rgba(125, 166, 0, 0) 0%, #7da600 100%);
  background-repeat: no-repeat, repeat;
  background-size: 40px auto, 100% 100%;
  background-position: center center, 0% 0%;
}

.carte-galerie {
  width: 219px;
  background-size: cover;
  background-position: center center;
}

@media(max-width: 1150px) {
  .carte {
    height: 225px;
    padding-top: 190px;
  }

  .carte-presse {
    width: 150px;
  }

  .carte-galerie {
    width: 150px;
  }
}