yyXYLj

index.html

<span id="checkout">Checkout</span>

style.css

#checkout {
    display: inline-block;
    position: absolute;
    top: 50%;
    background: linear-gradient(#D8D8D8, #ADADAD); 
    text-shadow: .4px .4px #fff;
    font-size: 22px;
    text-transform: uppercase;
    color: #555;
    font-family: helvetica;
    font-weight: bold;
    text-align: center;
    display: block;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border: 1px solid black;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 15px;
    box-shadow: 0 0 0 5px #CBCBCB, 0 0 0 7px white, 0 0 0 9px #000;
}


#checkout:before {
content: "★";
color: #888;
padding-right: 20px;
}

#checkout:after{
  content: "★";
  color: #888;
  padding-left: 20px;
}

yyXYLj.markdown

yyXYLj

A Pen by Ashley Ellis on CodePen.

License.