1.btn {
2  width: 140px;
3  height: 50px;
4  background: linear-gradient(to top, #00154c, #12376e, #23487f);
5  color: #fff;
6  border-radius: 50px;
7  border: none;
8  outline: none;
9  cursor: pointer;
10  position: relative;
11  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);
12  overflow: hidden;
13}
14
15.btn span {
16  font-size: 12px;
17  text-transform: uppercase;
18  letter-spacing: 1px;
19  transition: top 0.5s;
20}
21
22.btn-text-one {
23  position: absolute;
24  width: 100%;
25  top: 50%;
26  left: 0;
27  transform: translateY(-50%);
28}
29
30.btn-text-two {
31  position: absolute;
32  width: 100%;
33  top: 150%;
34  left: 0;
35  transform: translateY(-50%);
36}
37
38.btn:hover .btn-text-one {
39  top: -100%;
40}
41
42.btn:hover .btn-text-two {
43  top: 50%;
44}
45