.actualite-teaser {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 32px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  transition: ease all 150ms;
  position: relative;
}



.actualite-teaser::after {
  content:  '';
  position: absolute;
  bottom: 32px;
  right: 32px;
  background-image: url(../../images/icons/arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  transition: ease all 150ms;
  display: flex;
  width: 54px;
  height: 54px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 15px;
  background-color: var(--color-white);
}

.actualite-teaser p {
  margin: 0;
}

.actualite-teaser__content {
  display: flex;
  padding: 24px 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
}


.actualite-teaser__title {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
}

.actualite-teaser__date,
.actualite-teaser__text p {
  font-size: 14px;
  line-height: 150%; /* 24px */
}

.actualite-teaser__text {
  max-width: 250px;
}


@media all and (min-width:1000px) {
  .actualite-teaser {
    padding: 64px;
  }
}

@media all and (min-width:1500px) {

  .actualite-teaser::after {
    bottom: 64px;
    right: 64px;
  }
}


/**
 * teaser mini
 */

.actualite-teaser--mini {
  background-color: var(--color-primary--4);
  padding: 2rem;
  transition: ease all 150ms;
}
.actualite-teaser.actualite-teaser--mini::after {
  content: none;
}
.actualite-teaser--mini .actualite-teaser__content {
  padding: 0;
  gap: 16px;
  width: 100%;
}
.actualite-teaser--mini .actualite-teaser__date {
  color: var(--color-neutral--1);
}
.actualite-teaser--mini .actualite-teaser__link {
  align-self: flex-end;
  display: flex;
  align-items: center;
  gap: 10px;
}
.actualite-teaser--mini .actualite-teaser__link::after  {
  content:  '';
  background-image: url(../../images/icons/arrow--white.svg);
  background-position: center;
  background-repeat: no-repeat;
  transition: ease all 150ms;
  display: flex;
  width: 54px;
  height: 54px;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  background-color: var(--color-primary--2);
}
.actualite-teaser--mini:hover {
  text-decoration: none;
  background-color: var(--color-primary--3);
}