a[target='_blank'] {
  &:after {
    @apply content-[''] w-7 h-7 ml-2 inline-block;
    background-image: url('../resources/img/carhop-fleche-lien-externe-full--green.svg');
    transform: translateY(6px);

    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
}
.internal-link-with-icon {
  @apply flex items-center;
  transition: transform 0.3s ease-out;
  &:after {
    transition: transform 0.3s ease-out;
    @apply content-[''] w-10 h-10 ml-2 inline-block;
    background-image: url('../resources/img/carhop-fleche-lien-externe-full--outline-green.svg');
    transform: rotate(0deg) translateX(0px);
  }
  &:hover:after {
    transform: translateX(4px) rotate(45deg);
  }
  &:hover {
    filter: brightness(1.2);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 8px;
    transform: translateX(-4px);
  }
  &--white {
    @apply text-white;
    &:after {
      filter: brightness(0) invert(1);
    }
  }
}
.no-external-icon {
  &:after {
    @apply !hidden;
  }
}