1 
2<div class="card">
3  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 5H4V19L13.2923 9.70649C13.6828 9.31595 14.3159 9.31591 14.7065 9.70641L20 15.0104V5ZM2 3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934ZM8 11C6.89543 11 6 10.1046 6 9C6 7.89543 6.89543 7 8 7C9.10457 7 10 7.89543 10 9C10 10.1046 9.10457 11 8 11Z"></path></svg>
4  <div class="card__content">
5    <p class="card__title">Card Title
6    </p><p class="card__description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
7  </div>
8</div>          

 1 
 2.card {
 3  position: relative;
 4  width: 300px;
 5  height: 200px;
 6  background: linear-gradient(-45deg, #f89b29 0%, #ff0f7b 100% );
 7  border-radius: 10px;
 8  display: flex;
 9  align-items: center;
10  justify-content: center;
11  overflow: hidden;
12  transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
13}
14 
15.card svg {
16  width: 48px;
17  fill: #333;
18  transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
19}
20 
21.card:hover {
22  transform: rotate(-5deg) scale(1.1);
23  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
24}
25 
26.card__content {
27  position: absolute;
28  top: 50%;
29  left: 50%;
30  transform: translate(-50%, -50%) rotate(-45deg);
31  width: 100%;
32  height: 100%;
33  padding: 20px;
34  box-sizing: border-box;
35  background-color: #fff;
36  opacity: 0;
37  transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
38}
39 
40.card:hover .card__content {
41  transform: translate(-50%, -50%) rotate(0deg);
42  opacity: 1;
43}
44 
45.card__title {
46  margin: 0;
47  font-size: 24px;
48  color: #333;
49  font-weight: 700;
50}
51 
52.card__description {
53  margin: 10px 0 0;
54  font-size: 14px;
55  color: #777;
56  line-height: 1.4;
57}
58 
59.card:hover svg {
60  scale: 0;
61  transform: rotate(-45deg);
62}