@layer utilities {
  .border-primary-gradient {
    border: 1px solid transparent;
    border-radius: 12px;
    background:
      linear-gradient(
        180deg,
        var(--color-primary) -250%,
        var(--color-base-100) 100%
      ),
      linear-gradient(
        to bottom,
        var(--color-primary),
        color-mix(in srgb, var(--color-primary) 40%, transparent)
      );
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
  }
}