.post-infos-capsule {
  @apply flex flex-wrap justify-start gap-x-8 gap-y-5;
  &__share,
  &__publication-date,
  &__modification-date {
    @apply bg-white text-primary 
		rounded-full 
		px-4
		sm:px-6 
		py-2 
		w-fit 
		h-auto
		flex justify-center
		items-center
		font-medium;
  }
  &__share {
    @apply gap-1 md:gap-2 !my-0;
    .share-button {
      @apply pl-0 content-none py-0;
    }
    .share-button a {
      @apply bg-primary !block w-8 h-8  rounded-full p-4 relative;
      transition: transform 0.3s ease-in-out;

      &:before {
        @apply absolute w-3 h-3 bg-contain bg-center bg-no-repeat;
        width: 25px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        content: '';
      }
      &:hover {
        transform: scale(1.05);
        filter: brightness(1.4);
      }
    }
    .share-button--Facebook a {
      &:before {
        background-image: url('../resources/img/graphic-assets/icone-social-facebook.svg');
      }
    }
    .share-button--Twitter-X a {
      &:before {
        background-image: url('../resources/img/graphic-assets/icone-social-twitter-x.svg');
      }
    }
    .share-button--Linkedin a {
      &:before {
        background-image: url('../resources/img/graphic-assets/icone-social-linkedin.svg');
      }
    }
  }
}
