.container {
  @apply relative bg-white border p-4 md:p-6 rounded-lg hover:ring;
}

.more {
  @apply absolute right-6 top-8 md:top-6 z-10 cursor-pointer hover:ring;
}

.imageBox {
  @apply md:basis-[246px] rounded-lg overflow-hidden shrink-0;
}

.image {
  @apply md:w-[246px] w-full h-[136px] md:h-full object-cover antialiased;
}

.contentWrapper {
  @apply w-full flex flex-col items-start;
}

.title {
  @apply inline-block text-xl font-semibold cursor-pointer text-gray-800 hover:underline;
}

.heading {
  @apply text-sm font-medium text-gray-500;
}

.detail {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  @apply text-sm
}

.subTitle {
  @apply mt-1 text-sm text-gray-500;
}

.rowCell {}