1button {
2  min-height: 60px;
3  display: flex;
4  align-items: center;
5  justify-content: center;
6  max-width: 170px;
7  border-radius: 50px;
8  border-width: 0;
9  background-color: black;
10  color: white;
11  font-size: 16px;
12  letter-spacing: 3px;
13  position: relative;
14  overflow: hidden;
15  padding: 10px 20px;
16  width: 190px;
17  cursor: pointer;
18}
19
20button span {
21  position: relative;
22  width: max-content;
23  z-index: 99;
24  display: block;
25}
26
27.line,.line-2 {
28  position: absolute;
29  width: calc(100% - 20px);
30  left: 0;
31  right: 0;
32  margin: 0 auto;
33  height: 1px;
34  border-radius: 100%;
35  background-color: hsla(240, 100%, 50%, 0.39);
36  bottom: 5px;
37  animation: line .5s infinite linear;
38  box-shadow: 0 0 10px 2px rgb(0, 60, 255);
39  z-index: 9;
40}
41
42@keyframes line {
43  0% {
44    height: 1px;
45    background-color: hsla(240, 100%, 50%, 0.285);
46  }
47
48  50% {
49    transform: scaleY(5);
50    background-color: hsla(0, 59%, 41%, 0.032);
51    box-shadow: 0 0 100px 20px rgb(0, 60, 255);
52  }
53
54  100% {
55    height: 2px;
56    background-color: rgb(255, 255, 255)
57  }
58}
59
60.line-2 {
61  animation: line-2 .5s infinite linear;
62  bottom: 1px;
63  box-shadow: 0 0 10px 2px rgb(0, 60, 255);
64}
65
66@keyframes line-2 {
67  0% {
68    height: 1px;
69    background-color: hsl(327, 100%, 50%);
70  }
71
72  50% {
73    height: 2px;
74    background-color: hsl(0, 0%, 85%)
75  }
76
77  100% {
78    height: 2px;
79    background-color: rgb(255, 255, 255)
80  }
81}
82
83.speak {
84  position: absolute;
85  width: 330px;
86  height: 10px;
87  background-color: pink;
88  bottom: 1px;
89  left: 50%;
90  transform: translateX(-50%);
91  border-radius: 100%;
92  animation: speak .8s infinite linear;
93}
94
95.speak.one {
96  left: calc(50% + 20px);
97  animation: speak 6s infinite linear;
98  background-color: hsl(284deg 79% 55%);
99}
100
101.speak.two {
102  left: calc(50% + 10px);
103  animation: speak .6s infinite linear;
104  background-color: hsl(284deg 79% 55%);
105}
106
107.speak.two {
108  left: calc(50% + -10px);
109  animation: speak .6s infinite linear;
110  background-color: rgb(0, 255, 149);
111}
112
113@keyframes speak {
114  0% {
115    transform: translateX(-50%) scale(.10);
116  }
117}