.post-header {
  @apply bg-primary text-white py-32;

  h1.post-header__title,
  h2.post-header__title {
    @apply uppercase font-medium text-7xl text-white;
    line-height: 1.2;
  }
  &__inner {
    @apply container mx-auto  grid  gap-24;
    &--has-thumbnail {
      grid-template-columns: 1fr 4fr;
    }
    &--no-thumbnail {
      grid-template-columns: 1fr;
    }
  }
  .content-meta__revue-issue {
    @apply bg-white text-primary;
  }
  .thumbnail-wrapper {
    @apply bg-red-200;
    img {
      /* max-height: 200px; */
      @apply object-contain;
    }
  }

  .post-details {
    @apply flex justify-between gap-28 mt-12;
    grid-template-columns: 1fr 1fr;

    &__label {
      @apply uppercase font-bold text-lg text-white;
      letter-spacing: 0.2em;
    }
  }

  .socials-buttons {
    @apply flex gap-4 h-fit;

    &__button {
      @apply bg-white text-carhop-green-700 px-8 !py-4 font-normal rounded-full w-max flex items-center gap-2;
      transition: transform 0.3s ease-in-out;
      &:hover {
        transform: scale(1.05);
      }

      &[disabled] {
        @apply opacity-50 cursor-not-allowed;
      }
      img {
        @apply w-7 h-7 filter-primary;
      }
    }
  }
}

.article-meta__related-revue a {
  @apply hover:underline underline-offset-8 text-white;
  text-decoration-color: #fff;
  text-decoration-thickness: 1px;
}

.article-meta__value {
  @apply text-white font-light tracking-wide;
  letter-spacing: 0.0015em;
}