1.card {
2  width: 200px;
3  height: 250px;
4  background: #262626;
5}
6
7.GameIcon {
8  transform: translate(-80px,-50px);
9  position: absolute;
10  width: 200px;
11  height: 200px;
12  transition: 0.3s;
13}
14
15.GameImg {
16  width: 100%;
17  height: 100%;
18}
19
20.Gfooter {
21  width: 100%;
22  height: 0%;
23  background-color: #262626;
24  border-radius: 10px;
25  transition: all 0.3s;
26}
27
28.Name {
29  transform: translate(10px,200px);
30  position: absolute;
31  background-color: transparent;
32  font-weight: bold;
33  font-size: 18px;
34  transition: 0.3s;
35  color: #ff5858;
36}
37
38.SmallIcon {
39  width: 0px;
40  height: 0px;
41  transform: translate(10px,10px);
42  border-radius: 10px;
43  background-color: #ff5858;
44  transition: 0.2s;
45}
46
47.Descripion {
48  padding: 10px;
49  position: absolute;
50  transform: translate(0px,20px);
51  opacity: 0%;
52  color: #ff5858;
53  font-weight: bold;
54  font-size: 15px;
55}
56
57.StarIcon {
58  transform: translate(-0px,25px);
59  width: 20px;
60  fill: #ebd300;
61}
62
63.Stars {
64  position: absolute;
65  color: white;
66  font-size: 15px;
67  font-weight: bold;
68  transform: translate(80px,-70px);
69}
70
71.GameImg:hover .Descripion {
72  opacity: 100%;
73}
74
75.GameImg:hover .Gfooter {
76  width: 100%;
77  height: 100%;
78}
79
80.GameImg:hover .SmallIcon {
81  width: 60px;
82  height: 60px;
83}
84
85.GameImg:hover .Name {
86  transform: translate(75px,-235px);
87}
88
89.GameImg:hover .GameIcon {
90  transform: translate(100px,-160px);
91}
92