@layer blocks {
  .beta-note {
    display: inline-block;
    position: relative;
    isolation: isolate;
    padding: 2px 6px;
    font-size: 1.15rem;
    font-weight: var(--weight-semi);
    color: var(--color-mark-ink);
  }

  .beta-note::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--color-mark);
    transform: skew(-6deg) rotate(-0.5deg);
  }
}