:root {
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);       /* intrări, răspuns la hover */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);    /* elemente care se mută */
  --ease-joaca: cubic-bezier(0.34, 1.56, 0.64, 1);  /* mic overshoot, jucăuș */
  --ease-salt: cubic-bezier(0.3, 2.2, 0.5, 1);      /* overshoot mare, doar pentru alunecarea lui „Mai multe” */
  --rapid: 180ms;  --mediu: 320ms;  --lent: 600ms;
}
.buton { transition: transform var(--rapid) var(--ease-joaca); }
.buton:hover { transform: scale(1.04) rotate(-1deg); }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }