@layer components {
  .attribute-pill {
    @apply border inline-flex font-medium gap-4 items-center py-2 px-12 rounded-xl text-d1;

    svg {
      @apply square-16;
    }

    &-slim {
      @apply border inline-flex gap-4 items-center py-2 px-12 rounded-xl text-d3;

      svg {
        @apply square-16;
      }
    }
  }
}