/* Gradient border (.pmc-gradient-border).
 *
 * Reproduces the Figma "Card stroke" gradient (My SpaceWork 177:1047):
 * 125deg, white top-left → transparent mid → cream (#FFF9E9) bottom-right.
 *
 * Only the gradient border is applied here. Radius, padding, size, fill and
 * every other box property stay editable from Impreza — the ring follows
 * whatever border-radius Impreza sets (border-radius: inherit).
 *
 * border-image ignores border-radius (square corners poke out on rounded
 * cards), so the mask-composite trick used on the primary button is used
 * here: paint the gradient as a background on ::before, then mask out the
 * inner box so only the ring remains, following the rounded corners. */
.pmc-gradient-border {
  position: relative;
}

.pmc-gradient-border::before {
  content: "";
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  border-radius: inherit;
  padding: var(--pmc-gb-border-width, 1px);
  background: linear-gradient(
    125deg,
    #fff 0%,
    rgba(255, 255, 255, 0) 35.13%,
    #fff9e9 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}