2
text-decoration: none;
3
color: #fff;
4
font-weight: bold;
5
padding: 12px 20px;
6
font-size: 18px;
7
border-radius: 10px;
8
background-color: #666666;
9
box-shadow: 0 5px 5px #313131, 0 9px 0 #393939, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
10
position: relative;
11
border-bottom: 1px solid rgba(255,255,255,0.2);
12
display: inline-block;
13
font-family: Arial, Helvetica, sans;
14
text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
15
}
16
17
.boton:hover {
18
box-shadow: 0 5px 5px #313131, 0 9px 0 #393939, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
19
color: #fff !important;
20
}
21
22
.boton:active {
23
top: 7px;
24
box-shadow: 0 2px 0 #393939, 0px 4px 4px rgba(0,0,0,0.4), inset 0px 2px 5px rgba(0,0,0,0.2);
25
color: #fff !important;
26
}
27
28
.formaBoton {
29
border-radius: 5px;
30
padding-left: 25px;
31
padding-right: 25px;
32
}
33
34
.colorRojo{
35
background-color: #c34747;
36
box-shadow: 0 5px 5px #853232, 0 9px 0 #5e2525, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
37
}
38
39
.colorRojo:hover {
40
box-shadow: 0 5px 5px #853232, 0 9px 0 #5e2525, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
41
}
42
43
.colorRojon:active {
44
box-shadow: 0 2px 0 #5e2525, 0px 4px 4px rgba(0,0,0,0.4), inset 0px 2px 5px rgba(0,0,0,0.2);
45
}