1.container {
2  display: flex;
3  position: relative;
4}
5
6.button {
7  cursor: pointer;
8  background: none;
9  border: none;
10  border-radius: 8px;
11  padding: .5em 1.5em;
12  font-size: 20px;
13  font-weight: 600;
14  color: #7f5af0;
15  transition: all .3s ease;
16}
17
18.arrow {
19  fill: #94a1b2;
20  position: absolute;
21  pointer-events: none;
22  width: 24px;
23  right: 0;
24  top: 25%;
25  transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
26}
27
28.button:hover {
29  letter-spacing: 2px;
30}
31
32.button:hover ~.second {
33  opacity: .66;
34  right: -20px;
35  transition-delay: 50ms;
36}
37
38.button:hover ~.third {
39  opacity: .33;
40  right: -40px;
41  transition-delay: 100ms;
42}
43
44.second, 
45.third {
46  opacity: 0;
47}