Sowohl die :hover- als auch :active-Klasse ist mit Transitions versehen, um den Eindruck zu erwecken, den Button zu erst an- (:hover) und dann durchzudrücken (:active). Durch Fabe, Text- und Schlagschatten soll der Eindruck erweckt werden, dass der Knopf ein wenig "in der Seite verschwindet".
Außerdem leuchtet die Zahl so hübsch, wenn angeschaltet (:active). :-)
Durch verschiedene Transition-Geschwindigkeiten für die Zustände "normal", ":hover" und ":active" habe ich versucht, ein MMS-Feedback zu simulieren: Von "normal" zu ":hover" (angedrückt) mit Transition ("gibt nach"), von ":hover" zu ":active" ohne Transition ("rastet ein"), von ":active" zurück zu ":hover" und von ":hover" zurück zu "normal" mit Transition ("rutscht heraus").
Hmm. Der Effekt funktioniert nur bedingt...