a {
  color:#5c5c5c;
  text-decoration: underline;
}
a:active {
  text-decoration: none;  
}

a.btn {
  display:block;
  background-color: #ffffff;
  width: 300px;
  margin:0 auto;
  text-align: center;
  padding:15px;
  text-decoration: none;
  color:#222222;
  font-family: 'open_sanslight';
  font-weight: 1em;
  text-transform: uppercase;
  border-radius: 32px;
}
a.btn .bolder{
  font-family:'open_sanssemibold';

}

/* main */
.btn
{
    display:inline-block;
}
.btn .content
{
    float:left;  
}
.btn .content .lbl
{
    float:left;
    font-family: "HelveticaNeueLTPro57Condensed", Helvetica, Arial;
    text-transform: uppercase;
}
.btn .content .ico
{
    float:left;      
}

/* COLORS */
/* std color */
.btn.std
{
   background-color:#5c5c5c;
   color:#ffffff;
}
.btn.std .content
{
  color:#ffffff;
}
/* warning color */
.btn.warning
{
   background-color: rgba(255,31,105,0.9);
}
.btn.warning .content
{
  color:#ffffff;
}
/* outlined */
.btn.outline
{
    border:1px solid #ffffff;
    background-color: rgba(0,0,0,0);
}
.btn.outline .content
{
  color:#ffffff;
}

/* SIZES */
/* medium size */
.btn.medium
{
   height:40px;
   min-width: 300px;
}
.btn.medium .content
{
    padding:15px 15px 0px 15px;
    font-size: 15px;
}
.btn.medium .content .lbl
{
}
.btn.medium .content .ico
{
    margin:-1px 0 0 5px;
}
.btn.medium .content .ico img
{
  height:11px;
}