.offre-emploi a {
  display: block;
  border: 1px solid var(--co--primary--low);
  color: var(--co--primary--high);
  padding: var(--sp--5);
  transition-property: border-color, background-color;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: var(--sp--4);
  height: 100%;
}
.offre-emploi a:hover,
.offre-emploi a:focus-visible {
  border-color: var(--co--primary--lower);
  background-color: var(--co--primary--lower);
}
.offre-emploi h2 {
  margin-bottom: var(--sp--4);
}
.offre-emploi .offre-meta {
  color: var(--co--primary--medium);
  margin-bottom: var(--sp--2);
}
.offre-emploi .offre-meta span + span::before {
  content: "\00a0•\00a0";
  display: inline-block;
  color: var(--co--primary--high);
}
.offre-emploi .button {
  margin-top: auto;
  align-self: flex-end;
}