Button by boryanakrasteva

1.btn {
2  width: 30px;
3  height: 50px;
4  border-radius: 30px;
5  display: flex;
6  align-items: center;
7  justify-content: center;
8  background-color: transparent;
9  border: none;
10  outline: 2px solid rgb(105, 127, 255);
11  box-shadow: 0px 0px 10px rgb(105, 127, 255);
12  position: relative;
13}
14
15.scroll {
16  width: 5px;
17  height: 10px;
18  border-radius: 10px;
19  background-color: rgb(105, 127, 255);
20  box-shadow: 0px 0px 10px rgb(105, 127, 255);
21  animation: scroll_4013 2s linear infinite;
22  transform: translateY(40%);
23}
24
25.btn:after {
26  content: 'scroll';
27  position: absolute;
28  top: 140%;
29  color: whitesmoke;
30  text-transform: uppercase;
31  letter-spacing: 1.5px;
32}
33
34@keyframes scroll_4013 {
35  0% {
36    transform: translateY(40%);
37  }
38
39  50% {
40    transform: translateY(90%);
41  }
42};