1button {
2  font-family: Arial, Helvetica, sans-serif;
3  font-weight: bold;
4  color: white;
5  background-color: #171717;
6  padding: 1em 2em;
7  border: none;
8  border-radius: .6rem;
9  position: relative;
10  cursor: pointer;
11  overflow: hidden;
12  z-index: -2;
13}
14
15button span:not(:nth-child(6)) {
16  position: absolute;
17  left: 50%;
18  top: 50%;
19  transform: translate(-50%, -50%);
20  height: 30px;
21  width: 30px;
22  background-color: #1875FF;
23  border-radius: 50%;
24  transition: .6s ease;
25  z-index: -1;
26}
27
28button span:nth-child(1) {
29  transform: translate(-3.3em, -4em);
30}
31
32button span:nth-child(2) {
33  transform: translate(-6em, 1.3em);
34}
35
36button span:nth-child(3) {
37  transform: translate(-.2em, 1.8em);
38}
39
40button span:nth-child(4) {
41  transform: translate(3.5em, 1.4em);
42}
43
44button span:nth-child(5) {
45  transform: translate(3.5em, -3.8em);
46}
47
48button:hover span:not(:nth-child(6)) {
49  transform: translate(-50%, -50%) scale(4);
50  transition: 1.5s ease;
51}
52