Button by vinodjangid07

1.Btn {
2  position: relative;
3  background-color: transparent;
4  border: none;
5  width: 100px;
6  height: 40px;
7  border-radius: 5px;
8  cursor: pointer;
9  transition: all .3s;
10}
11
12.text {
13  width: 100%;
14  height: 100%;
15  background-color: rgba(230, 230, 230, 0.466);
16  border: none;
17  border-radius: 7px;
18  backdrop-filter: blur(5px);
19  color: rgb(26, 26, 26);
20  display: flex;
21  font-weight: 600;
22  align-items: center;
23  justify-content: center;
24  letter-spacing: 0.8px;
25}
26
27.BG {
28  position: absolute;
29  content: "";
30  width: 100%;
31  height: 100%;
32  background-image: linear-gradient(147deg, #FFE53B, #FF2525);
33  z-index: -1;
34  left: 6px;
35  top: 6px;
36  border-radius: 7px;
37  pointer-events: none;
38  transition: all .3s;
39}
40
41.Btn:hover {
42  transform: translateY(-2px);
43}
44
45.Btn:hover .BG {
46  transform: translateY(-1px);
47}