1button {
2 display: inline-block;
3 border-radius: 4px;
4 background-color: #3d405b;
5 border: none;
6 color: #FFFFFF;
7 text-align: center;
8 font-size: 17px;
9 padding: 16px;
10 width: 130px;
11 transition: all 0.5s;
12 cursor: pointer;
13 margin: 5px;
14}
15
16button span {
17 cursor: pointer;
18 display: inline-block;
19 position: relative;
20 transition: 0.5s;
21}
22
23button span:after {
24 content: '»';
25 position: absolute;
26 opacity: 0;
27 top: 0;
28 right: -15px;
29 transition: 0.5s;
30}
31
32button:hover span {
33 padding-right: 15px;
34}
35
36button:hover span:after {
37 opacity: 1;
38 right: 0;
39}