1.btn-hover {
2  position: relative;
3  display: inline-block;
4  padding: 15px 30px;
5  font-size: 18px;
6  font-weight: bold;
7  text-transform: uppercase;
8  letter-spacing: 2px;
9  color: #ffffff;
10  background-color: #4b4b4b;
11  border: none;
12  outline: none;
13  overflow: hidden;
14  cursor: pointer;
15  transition: all 0.3s ease-out;
16}
17
18.btn-hover:hover {
19  background-color: #522ba7;
20}
21
22.btn-hover::before {
23  content: "";
24  position: absolute;
25  top: 50%;
26  left: 50%;
27  transform: translate(-50%, -50%) scale(0);
28  width: 15px;
29  height: 15px;
30  border-radius: 50%;
31  background-color: #ffffff;
32  opacity: 0.8;
33  transition: all 0.5s ease-out;
34}
35
36.btn-hover:hover::before {
37  transform: translate(-50%, -50%) scale(20);
38  opacity: 0;
39}