Código HTML:
.LoadIMG span:nth-child(4) {
top: 22px;
left: 22px;
background: rgba( 11, 117, 191, 1 );
animation-delay: .6s;
}
@keyframes preloader_6_span {
0% { transform:scale(1); }
50% { transform:scale(0.5); }
100% { transform:scale(1); }
}
.ClearAll {
position: relative;
display: block;
width: 90%;
text-align: center;
padding: 12px 9px;
margin: 4px auto;
color: rgba( 255, 255, 255, 1 );
font-weight: bold;
background: rgba( 189, 24, 24, 1 );
border-radius: 2px;
}
.VCAncel {
display: block;
padding: 6px 8px;
text-align: center;
background: rgba( 189, 24, 24, 1 );
color: rgba( 255, 255, 255, 1 );
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
text-shadow: 0px 1px rgba( 0, 0, 0, 0.4 );
font-size: 10px;
margin: 2px auto;
border-radius: 2px;
}
.button {
display: inline-block;
text-align: center;
vertical-align: middle;
padding: 12px 32px;
border: 3px solid #a12727;
border-radius: 7px;
background: #ff4a4a;
background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
background: -moz-linear-gradient(top, #ff4a4a, #992727);
background: linear-gradient(to bottom, #ff4a4a, #992727);
-webkit-box-shadow: #ff5959 0px 0px 0px 3px;
-moz-box-shadow: #ff5959 0px 0px 0px 3px;
box-shadow: #ff5959 0px 0px 0px 3px;
text-shadow: #591717 1px 1px 7px;
font: normal normal bold 20px verdana;
color: #ffffff;
text-decoration: none;
}
.button:hover,
.button:focus {
background: #ff5959;
background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
background: -moz-linear-gradient(top, #ff5959, #b62f2f);
background: linear-gradient(to bottom, #ff5959, #b62f2f);
color: #ffffff;
text-decoration: none;
}
.button:active {
background: #982727;
background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#982727));
background: -moz-linear-gradient(top, #982727, #982727);
background: linear-gradient(to bottom, #982727, #982727);
}