1.custom-btn {
2 width: 130px;
3 height: 40px;
4 color: #fff;
5 border-radius: 5px;
6 padding: 10px 25px;
7 font-family: 'Lato', sans-serif;
8 font-weight: 500;
9 background: transparent;
10 cursor: pointer;
11 transition: all 0.3s ease;
12 position: relative;
13 display: inline-block;
14 box-shadow: inset 2px 2px 2px 0px rgba(255,255,255,.5),
15   7px 7px 20px 0px rgba(0,0,0,.1),
16   4px 4px 5px 0px rgba(0,0,0,.1);
17 outline: none;
18}
19
20.btn-1 {
21 background: rgb(96,9,240);
22 background: linear-gradient(0deg, rgba(96,9,240,1) 0%, rgba(129,5,240,1) 100%);
23 border: none;
24}
25
26.btn-1:before {
27 height: 0%;
28 width: 2px;
29}
30
31.btn-1:hover {
32 box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5),
33              -4px -4px 6px 0 rgba(116, 125, 136, .5), 
34    inset -4px -4px 6px 0 rgba(255,255,255,.2),
35    inset 4px 4px 6px 0 rgba(0, 0, 0, .4);
36}
37