.buttons{
padding: 40px 0;
}
.nb-btn-circle{
text-decoration: none;
outline: none!important;
position: relative;
display: inline-block;
height: 150px;
width: 150px;
margin: 0 10px 10px 0;
color: #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
border: 1px solid #ddd;
background-color: #fff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#d11c29), to(#9d141e));
background-image: -webkit-linear-gradient(top, #d11c29, #9d141e);
background-image: -moz-linear-gradient(top, #d11c29, #9d141e);
background-image: -ms-linear-gradient(top, #d11c29, #9d141e);
background-image: -o-linear-gradient(top, #d11c29, #9d141e);
background-image: linear-gradient(to bottom, #d11c29, #9d141e);
transition:all 0.4s ease-in-out;

}
.nb-btn-circle:focus{
color: #fff;
}
.nb-btn-circle .fa {
float: left;
height: 24px;
width: 100%;
margin: 18px 0 2px 0;
font-size: 24px;
line-height: 26px;
text-align: center;
}
.nb-btn-circle p{
float: left;
font-family:'Anton', sans-serif;
width: 100%;
margin: 0;
font-size: 35px;
text-align: center;
}
.nb-btn-circle .indicator-dot {
position: absolute;
top: 0px;
right: 0px;
height: 16px;
width: 16px;
font-size: 10px;
font-weight: bold;
text-align: center;
line-height: 14px;
border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
color: #fff;
background-color: #3C8DBC;
background-image: none;
}