card.scss

.card {
  @apply bg-white shadow rounded-lg;
  @media print {
    @apply shadow-none;
  }
}

.card-header {
  @apply bg-gray-100 border-b border-gray-200 h-16 px-4 rounded-lg rounded-b-none flex justify-between items-center;
  @media print {
    @apply bg-white;
  }
  h2 {
    @apply text-base uppercase tracking-wide text-gray-600 font-bold;
    span {
      @apply mx-3 text-gray-300;
    }
  }
}

.card-body {
  @apply bg-white px-4 py-4;
}

.card-footer {
  @apply bg-gray-100 border-t border-gray-200 py-2 rounded-lg rounded-t-none px-4;
  @apply flex justify-between items-center;
  @screen lg {
    @apply py-6;
  }
}