.field--name-field-plan-title {
  position: relative;
}

/* Clipping context for the corner badge */
.pricing-table > .pricing-table__column {
  position: relative; /* establishes containing block */
  overflow: hidden;
}

/* Middle column: red rotated square as a page-corner badge (top-right) */
.pricing-table > .pricing-table__column:nth-of-type(2)::before {
  content: "";
  position: absolute;
  top: 6px;
  right: -6px;
  width: 121px;
  height: 58px;
  background-color: #ff7a29;
  transform: translate(30%, -30%) rotate(45deg);
  transform-origin: center;
  z-index: 1; /* behind the star */
  pointer-events: none;
}

/* Star centered within the visible triangular page-corner */
.pricing-table > .pricing-table__column:nth-of-type(2)::after {
  content: "*";
  position: absolute;
  top: 6px;
  right: 0;
  /* Use a square so centering is predictable regardless of ::before dims */
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* Anchor at the corner and move along the diagonal into the triangle */
  transform-origin: top right;
  transform: translate(3%, 3%);
  z-index: 2; /* above the red square */
  color: #fff;
  font-weight: 700;
  font-size: 36px;
  line-height: 1;
  pointer-events: none;
}
