.card-news {
  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0px);
    }
  }

  @apply bg-white shadow-lg rounded-3xl relative;
  animation: fadeIn 0.6s ease-in-out;

  &__thumbnail {
    @apply rounded-t-3xl 
    h-[190px]
    object-cover;
  }
  &__inner {
    @apply p-8;
    /* @apply  h-full ; */
  }
  &__heading {
    @apply flex flex-col-reverse;
  }

  &__tag {
    @apply bg-secondary-light
        text-secondary
        w-fit
        px-4 py-1
        rounded-xl
        mb-4;
  }
  &__title {
    @apply text-2xl font-bold mb-4 text-secondary;
    line-height: 1.1;
  }
}