.btn{
  position: relative;
  display: inline-block;
  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  
  text-align: center;
  cursor: pointer;
}


.btn-xs {
  padding: 6px 12px;  
  font-size: 11px;

}
.btn-xs.btn-icon{ padding-left: 5px; }
.btn-xs.btn-icon span { font-size: 9px; padding-right: 5px; }

.btn-s {
  padding: 8px 16px; 
  font-size: 13px;
}
.btn-s.btn-icon{ padding-left: 6px; }
.btn-s.btn-icon span { font-size: 10px; padding-right: 6px; }

.btn-m {
  padding: 10px 20px;  
  font-size: 15px;
}
.btn-m.btn-icon{ padding-left: 9px; }
.btn-m.btn-icon span { font-size: 11px; padding-right: 9px; }

.btn-l {
  padding: 12px 24px; 
  font-size: 17px;
}
.btn-l.btn-icon{ padding-left: 11px; }
.btn-l.btn-icon span { font-size: 11px; padding-right: 11px; }

.btn-xl {
  padding: 14px 28px; 
  font-size: 19px;
}
.btn-xl.btn-icon{ padding-left: 14px; }
.btn-xl.btn-icon span { font-size: 11px; padding-right: 14px; }