Button by r7chardgh

1.stars {
2  position: absolute;
3  opacity: 0;
4  top: -.3em;
5  right: -.3em;
6  height: 100%;
7  transition: transform 300ms,opacity 150ms;
8}
9
10.stars :nth-child(n) {
11  fill: #999;
12}
13
14.button {
15  position: relative;
16  cursor: pointer;
17  padding: 1em 2em;
18  border: 0;
19  border-radius: .5em;
20  font-weight: bolder;
21  transition: transform 150ms, box-shadow 150ms;
22  box-shadow: 0 0 #999;
23  background-color: #f1f1f1;
24  color: #333;
25}
26
27.button:hover {
28  transform: translate(.3em,-.3em);
29  box-shadow: -.3em .3em #999;
30}
31
32.button:hover > .stars {
33  opacity: 1;
34  transform: translate(.2em,-.2em);
35}
36
37.button:active > .stars :nth-child(n) {
38  fill: #ccc;
39}