/** 
 * Reflective Green - Mimics Class 1 Reflective Vinyl
 * 
 * - Vibrant green base color.
 * - Reflective shimmer effect with subtle gradients.
 * - Fine repeating pattern lines for 'microprism' look.
 * - Suitable for buttons, swatches, or product mockups.
 */
.reflective-green {
  background: 
    repeating-linear-gradient(
      120deg,
      rgba(255,255,255,0.10) 0px,
      rgba(255,255,255,0.10) 2px,
      rgba(36, 243, 117, 0.01) 4px,
      rgba(36, 243, 117, 0.01) 8px
    ),
    linear-gradient(
      160deg,
      #35e36a 0%,
      #0abd3c 45%,
      #56ff98 90%
    );
  background-blend-mode: lighten, normal;
  border: 1px solid #158a38;
  color: #073817;
  box-shadow: 
    0 0 16px 2px rgba(130, 255, 157, 0.35), 
    0 2px 5px 0 rgba(60, 255, 140, 0.19), 
    inset 0 1px 6px 2px rgba(255,255,255,0.36);
  /* Simulate retroreflective shimmer effect on hover/focus/active */
  transition: box-shadow 0.16s, background 0.16s;
}
.reflective-green:hover,
.reflective-green:focus {
  box-shadow: 
    0 0 32px 6px rgba(170,255,198,0.55), 
    0 4px 8px 0 rgba(100,255,180,0.25),
    inset 0 3px 22px 5px rgba(255,255,255,0.5);
  background: 
    repeating-linear-gradient(
      110deg,
      rgba(255,255,255,0.18) 0px,
      rgba(255,255,255,0.13) 3px,
      rgba(36, 243, 117, 0) 7px,
      rgba(36, 243, 117, 0) 12px
    ),
    linear-gradient(
      150deg,
      #66ffb3 0%,
      #00cc44 40%,
      #35e36a 100%
    );
  background-blend-mode: lighten, normal;
}
.reflective-green:active {
  filter: brightness(0.99) contrast(1.03);
  box-shadow:
    0 0 16px 3px rgba(130,255,157,0.36),
    0 1px 1.5px 0 rgba(60,255,140,0.18),
    inset 0 2px 10px 1.5px rgba(255,255,255,0.44);
}
.reflective-green {
  /* Optional: for swatches, round corners and paddings */
  border-radius: 4px;
  padding: 0.25em 0.75em;
  display: inline-block;
  text-shadow: 0 1px 7px rgba(255,255,255,0.20);
}