Round Flat Buttons Sample

Why give out your phone number to anyone when you can give out your virtual number to everyone! Try Call Me Private today!

Dark
Green
Blue

Code:
<div class=\"button-container\">    <div class='button --dark center'>Dark</div>    <div class='button --green center'>Green</div>    <div class='button --blue center'>Blue</div>  </div></div>
CSS:
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);

body {
font-family: \"Open Sans\", sans-serif;
}

.button-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 60px auto;
}

.button {
border: 0 none;
border-radius: 36px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 14px;
text-transform: none;
-webkit-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
width: auto;
/* auto */
text-align: center;
/* DELETE WHEN WIDTH AUTO */
}
.button:hover {
opacity: .7;
}
.button.--dark {
background: #171717;
color: #FFFFFF;
}
.button.--green {
background: #4ac15a;
color: #FFFFFF;
}
.button.--blue {
background: #2c3dcf;
color: #FFFFFF;
}