@tailwind components;

@layer components {
  .listing-hero__card {
    @apply tw-grid tw-gap-8 lg:tw-grid-cols-2 tw-p-4 md:tw-p-8 tw-rounded-lg tw-items-center lg:-tw-mx-8;
    background: linear-gradient(
      213deg,
      rgba(255, 255, 255, 0.03) 0%,
      rgba(255, 255, 255, 0.05) 49.48%,
      rgba(255, 255, 255, 0.03) 100%
    );
  }
}
