Round Flat Buttons Sample

Dark

Green

Blue

Code:

Dark
Green
Blue

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;
 }