:host {
  @apply com-block;
}

p {
  @apply com-m-0;
}

.user-work-history-card {
  @apply com-m-0;

  nb-card-body {
    @apply com-p-4;
    .heading {
      @apply com-flex md:com-flex-row com-flex-col md:com-justify-between;

      .job {
        @apply md:com-col-span-3;

        .job-title {
          @apply com-text-xl com-font-semibold com-w-full com-text-Yankees-Blue;
        }

        .button {
          @apply md:com-flex com-justify-end;
        }

        .company {
          @apply com-text-base com-text-gray-500 md:com-mb-0 com-mb-2;
        }
      }

      .date-location {
        @apply com-flex md:com-flex-row com-flex-col md:com-gap-6 com-gap-1 com-justify-start md:com-justify-end;
      }

      .date,
      .location {
        @apply com-flex com-text-sm com-font-medium com-text-blue-500;

        nb-icon {
          @apply com-text-blue-500 com-mr-1;
        }
      }
    }

    .description {
      @apply md:com-mt-6 com-mt-4 com-text-sm com-text-gray-600 com-whitespace-pre-wrap;
    }
  }
}
