1.card {
2 width: 190px;
3 height: 254px;
4 box-shadow: 0 10px 10px rgba(0, 0, 0, 0.212);
5 background: #fff;
6 display: flex;
7 border-radius: 20px;
8 justify-content: center;
9 position: relative;
10 transition: all .4s;
11}
12
13.card::before {
14 content: '---content---';
15 letter-spacing: 0.2em;
16 position: absolute;
17 bottom: 8px;
18 left: 20px;
19 color: rgb(51, 51, 51);
20 font-size: 0.8em;
21 font-weight: 700;
22}
23
24.card div {
25 width: 100%;
26 height: 100%;
27 border-radius: 20px;
28 box-shadow: 0 0 10px rgba(0, 0, 0, 0.212);
29 cursor: pointer;
30 z-index: 10;
31 transition: all .4s;
32 background-color: #fff;
33}
34
35.card:hover div {
36 transform: translateY(-30px);
37}