@media (max-width: 48rem) {
  .table-stacked-md {
    & thead {
      @apply hidden;
    }

    & tbody>tr {
      & th {
        @apply hidden;
      }

      & td {
        @apply block py-1;

        &[data-label]:before {
          @apply label;
          content: attr(data-label);
        }

        &:first-of-type {
          @apply text-lg mt-2;
        }

        &:last-of-type {
          @apply my-2;
        }
      }
    }
  }
}