.stamp {
  position: absolute; display: inline-block; padding: 3px 10px 2px; pointer-events: none; white-space: nowrap;
  border: 3px double var(--stamp); color: var(--stamp);
  font: 700 18px/1.15 var(--font-typed); letter-spacing: .14em; text-transform: uppercase;
  transform: rotate(var(--r, -6deg));
  mix-blend-mode: multiply; opacity: .92;
  -webkit-mask: var(--mask-stamp) 30% 40% / 320px auto; mask: var(--mask-stamp) 30% 40% / 320px auto; mask-mode: luminance;
}
.stamp--carbon { position: relative; align-self: flex-end; margin-top: auto; right: auto; bottom: auto; color: #A31D26; opacity: 0; }
.stamp--copied { right: 18px; top: 150px; z-index: 5; opacity: 0; font-size: 16px; }
.stamp--dialog { position: absolute; right: 14px; top: 16px; font-size: 18px; opacity: 0; }
.note__stamp { display: inline-block; padding: 2px 10px; border: 3px double var(--stamp); color: var(--stamp); font: 700 16px/1.2 var(--font-typed); letter-spacing: .14em; text-transform: uppercase; rotate: -4deg; }
@media (min-width: 760px) {
  .stamp { font-size: 24px; }
  .stamp--copied { font-size: 20px; top: 74px; right: 34px; }
}