.demo-pricing {
  margin-top: 10px;
  margin-left: 10px;
  padding: 14px 26px;
  font-size: 14px;
  line-height: 100%;
  text-shadow: 0 1px rgba(0, 0, 0, 0.4);
  color: #fff;
  display:inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  transition: background 0.1s ease-in-out;
  -webkit-transition: background 0.1s ease-in-out;
  -moz-transition: background 0.1s ease-in-out;
  -ms-transition: background 0.1s ease-in-out;
  -o-transition: background 0.1s ease-in-out;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
}
.demo-pricing:active {
  padding-top: 15px;
        margin-bottom: -1px;
}
.demo-pricing, .demo-pricing:hover, .demo-pricing:active {
  outline: 0 none;
  text-decoration: none;
  color: #fff;
}

.demo-pricing-1 {
  background-color: #3fb8e8;
  box-shadow: 0px 3px 0px 0px #3293ba;
}
.demo-pricing-1:hover {
  background-color: #1baae3;
}
.demo-pricing-1:active {
  box-shadow: 0px 1px 0px 0px #3293ba;
}


.demo-pricing-2 {
  background-color: #f06060;
  box-shadow: 0px 3px 0px 0px #cd1313;
}
.demo-pricing-2:hover {
  background-color: #ed4444;
}
.demo-pricing-2:active {
  box-shadow: 0px 1px 0px 0px #cd1313;
}

.demo-pricing-3 {
  background-color: #ff6a80;
  box-shadow: 0px 3px 0px 0px #da0020;
}
.demo-pricing-3:hover {
  background-color: #ff566f;
}
.demo-pricing-3:active {
  box-shadow: 0px 1px 0px 0px #da0020;
}


.demo-pricing-4 {
  background-color: #cc9933;
  box-shadow: 0px 3px 0px 0px #663300;
}
.demo-pricing-4:hover {
  background-color: #cc6600;


}
.demo-pricing-4:active {
  box-shadow: 0px 1px 0px 0px #996600;
}



.demo-pricing-5 {
  background-color: #bc69bd;
  box-shadow: 0px 3px 0px 0px #6e346f;
}
.demo-pricing-5:hover {
  background-color: #9c539d;


}
.demo-pricing-5:active {
  box-shadow: 0px 1px 0px 0px #663366;
}



.demo-pricing-6 {
  background-color: #7F5A58;
  box-shadow: 0px 3px 0px 0px #000;
}
.demo-pricing-6:hover {
  background-color: #7F5A58;


}
.demo-pricing-6:active {
  box-shadow: 0px 1px 0px 0px #7F4E52;
}



.demo-pricing-a {
  background-color: #fff;
  box-shadow: 0px 3px 0px 0px #000;
  color:#eee;
}
.demo-pricing-a:hover {
  background-color: #eee;
  color: #000;
}
.demo-pricing-a:active {
  box-shadow: 0px 1px 0px 0px #ccc;
}