@import url(http://fonts.googleapis.com/css?family=Racing+Sans+One);

.circle{
width: 213px;
height:90px;
text-align:center;
vertical-align:middle;
font-size: 14px;
color: #000000;
font-family: 'Racing Sans One', cursive;
/*text-shadow: 5px 5px 7px #000000*/
/*opacity:0.5;*/
background-color: rgba(248, 248, 248, 0.5);
-moz-transition: all 0.3s ease; /* Enable CSS3 transition on all props */
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;

-moz-border-radius: 50px 50px 50px 50px; /* CSS3 rounded borders */
-webkit-border-radius: 50px 50px 50px 50px;
border-radius: 50px 50px 50px 50px;
}

.circle:hover{
opacity:1;
-moz-border-radius: 50px 50px 50px 50px; /* CSS3 rounded borders */
-webkit-border-radius: 50px 50px 50px 50px;
border-radius: 50px 50px 50px 50px;
background:#c11231;
font-size: 14px;
color: #f8f8f9;
font-family: 'Racing Sans One', cursive;
}