News Card

.NewsCard {
  @apply border
  border-gray-400
    rounded-md;

  &, .Link--wrapper {
    @apply flex
      flex-col;
  }

  .Link--wrapper, .Card__text {
    @apply grow;
  }

  .Card__image {
    @apply rounded-md;
  }

  .Card__text {
    @apply relative
      flex
      flex-col
      justify-between
      p-6
      xl:max-2xl:p-4
      transition
      duration-500;
  }

  .Card__title {
    @apply mb-8
      3xl:text-xl
      font-normal
      leading-tight;      
  }

  .Card__meta {
    @apply mb-0
      pr-9;
  }

  .Card__category, .Card__date {
    @apply block
      text-sm
      font-bold
      uppercase;
  }

  .Card__category {
    @apply text-gray-400;
  }

  .Card__date {
    @apply text-gray-600;
  }

  .Card__action {
    @apply absolute
      right-0
      bottom-0
      p-4
      text-gray-500
      border-t
      border-l
      border-gray-400
      rounded-tl-md
      bg-none;

      .Icon {
        @apply size-[20px];
      }
  }

  &:hover {
    .Card__text {
      @apply bg-gray-100;
    }
  }
}