Button by MopokD71304

1.nav_bar {
2  background-color: rgb(27, 27, 27);
3  position: relative;
4  display: flex;
5  transition: 0.4s;
6  align-items: center;
7  justify-content: center;
8  flex-direction: column;
9  padding: 15px 15px;
10  border-radius: 15px;
11}
12
13.bar1 {
14  border-radius: 30px;
15  background-color: rgb(255, 255, 255);
16  width: 50px;
17  margin-bottom: 15px;
18  transition: 0.4s;
19  height: 5px;
20}
21
22.bar2 {
23  border-radius: 30px;
24  background-color: rgb(255, 255, 255);
25  width: 50px;
26  position: absolute;
27  transition: 0.4s;
28  height: 5px;
29}
30
31.bar3_h {
32  border-radius: 30px;
33  background-color: rgb(255, 255, 255);
34  width: 50px;
35  transition: 0.4s;
36  height: 5px;
37}
38
39.bar4 {
40  border-radius: 30px;
41  background-color: rgb(255, 255, 255);
42  width: 50px;
43  margin-top: 15px;
44  transition: 0.4s;
45  height: 5px;
46}
47
48.nav_bar:hover {
49  border-radius: 50px;
50}
51.nav_bar:hover .bar3_h {
52  transform: rotate(-45deg);
53}
54.nav_bar:hover .bar2 {
55  transform: rotate(45deg);
56}
57
58.nav_bar:hover .bar1 {
59  opacity: 0;
60  width: 30px;
61}
62.nav_bar:hover .bar4 {
63  opacity: 0;
64  width: 30px;
65}
66