.blog-cards {
  @apply com-cursor-pointer;

  .blog-card {
    @apply com-flex com-flex-col com-h-full com-rounded-lg com-relative com-no-underline;

    .blog-actions {
      @apply com-absolute com-top-2 com-right-2;
    }

    .name {
      @apply com-line-clamp-2 md:com-text-xl com-text-base com-font-semibold com-text-Yankees-Blue com-m-0 com-mb-3;
    }

    .read-more {
      @apply com-text-Yankees-Blue com-inline-flex com-items-center com-no-underline com-mt-3 com-text-sm com-font-normal md:com-mb-2;
    }

    .content {
      @apply md:com-h-[180px] com-h-full;
    }

    .profile-date {
      @apply com-flex com-flex-row com-items-center com-justify-between;
      .date {
        @apply com-flex com-flex-row com-items-center com-text-xs com-font-semibold com-text-gray-500 com-m-0 com-py-3;

        fa-icon {
          @apply com-mr-2 com-text-base;
        }
      }
    }

    .meta-description {
      @apply com-line-clamp-3 com-text-sm com-font-normal com-text-gray-500;
    }
  }

  .image {
    @apply com-rounded-lg;
  }
}
