.square-button {
height: 70px;
position: absolute;
width: 70px;
border-radius: 35px;
background: #3f4c6b;
background: -moz-linear-gradient(top, rgba(63,76,107,1) 0, rgba(63,76,107,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(63,76,107,1)), color-stop(100%, rgba(63,76,107,1)));
background: -webkit-linear-gradient(top, rgba(63,76,107,1) 0, rgba(63,76,107,1) 100%);
background: -o-linear-gradient(top, rgba(63,76,107,1) 0, rgba(63,76,107,1) 100%);
background: -ms-linear-gradient(top, rgba(63,76,107,1) 0, rgba(63,76,107,1) 100%);
background: linear-gradient(to bottom, rgba(63,76,107,1) 0, rgba(63,76,107,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f4c6b', endColorstr='#3f4c6b', GradientType=0);
}
.square-button div.number {
font-size: 12px;
font-weight: bold;
color: #fff;
display: block;
margin: auto;
text-align: center;
position: relative;
top: 25px;
}
#vortex {
width: 300px;
height: 300px;
position: relative;
}
.square-button.first {
background: #ffa84c;
background: -moz-linear-gradient(top, #ffa84c 0, #ff7b0d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa84c), color-stop(100%, #ff7b0d));
background: -webkit-linear-gradient(top, #ffa84c 0, #ff7b0d 100%);
background: -o-linear-gradient(top, #ffa84c 0, #ff7b0d 100%);
background: -ms-linear-gradient(top, #ffa84c 0, #ff7b0d 100%);
background: linear-gradient(to bottom, #ffa84c 0, #ff7b0d 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa84c', endColorstr='#ff7b0d', GradientType=0);
}
#vortex.vortex-animating>* {
background: #88bfe8;
background: -moz-linear-gradient(top, rgba(136,191,232,1) 0, rgba(112,176,224,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(136,191,232,1)), color-stop(100%, rgba(112,176,224,1)));
background: -webkit-linear-gradient(top, rgba(136,191,232,1) 0, rgba(112,176,224,1) 100%);
background: -o-linear-gradient(top, rgba(136,191,232,1) 0, rgba(112,176,224,1) 100%);
background: -ms-linear-gradient(top, rgba(136,191,232,1) 0, rgba(112,176,224,1) 100%);
background: linear-gradient(to bottom, rgba(136,191,232,1) 0, rgba(112,176,224,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#88bfe8', endColorstr='#70b0e0', GradientType=0);
}
