1button {
2  position: relative;
3  padding: 13px 35px;
4  background: #6d7973;
5  font-size: 17px;
6  font-weight: 900;
7  color: #ffffff;
8  border: 2px solid #6d7973;
9  border-radius: 25px;
10  transition: all .3s ease-in-out;
11}
12
13button::after {
14  content: "";
15  position: absolute;
16  top: 50%;
17  left: 50%;
18  transform: translate(-50%, -50%);
19  width: 124px;
20  height: 45px;
21  border: 3px solid #6d7973;
22  border-radius: 25px;
23  transition: all .3s ease-in-out;
24  z-index: 2;
25}
26
27button:hover::after {
28  animation: radar_45011 1s ease infinite .3s;
29}
30
31@keyframes radar_45011 {
32  from {
33    opacity: 1;
34    width: 124px;
35    height: 45px;
36    border-radius: 25px;
37  }
38
39  to {
40    opacity: 0;
41    width: 470px;
42    height: 220px;
43    border-radius: 150px;
44  }
45}
46
47button:active {
48  transform: scale(.9);
49}