.btn, .sectionWrapper .btn { display: inline-block; line-height: 32px; height: 32px; font-size: 16px; min-width: 60px; padding: 0 16px; background: #82BD2A; color: white; border: 0; border-bottom: 1px solid #5EA833; text-align: center; vertical-align: middle; cursor: pointer;
  -moz-border-radius: .2em;
  -webkit-border-radius: .2em;
  -ms-border-radius: .2em;
  -o-border-radius: .2em;
  border-radius: .2em;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.colored .light .btn { background: #82BD2A; color: white; }
.btn:hover, .sectionWrapper .btn:hover, .colored .light .btn:hover { background-color: #9ECD24;
  -moz-box-shadow: 0 3px 0 rgba(0,0,0,.05);
  -webkit-box-shadow: 0 3px 0 rgba(0,0,0,.05);
  -ms-box-shadow: 0 3px 0 rgba(0,0,0,.05);
  -o-box-shadow: 0 3px 0 rgba(0,0,0,.05);
  box-shadow: 0 3px 0 rgba(0,0,0,.05);
}
.btn:focus, .btn:active, .sectionWrapper .btn:focus, .sectionWrapper .btn:active, .colored .light .btn:focus, .colored .light .btn:active { background: #5EA833; }
.colored .btn { color: #5EA833; background-color: #f5f5f5; border-color: #eaeaea; }
.colored .btn:hover { background-color: #fff;
  -moz-box-shadow: 0 3px 0 rgba(0,0,0,.1);
  -webkit-box-shadow: 0 3px 0 rgba(0,0,0,.1);
  -ms-box-shadow: 0 3px 0 rgba(0,0,0,.1);
  -o-box-shadow: 0 3px 0 rgba(0,0,0,.1);
  box-shadow: 0 3px 0 rgba(0,0,0,.1);
}
.colored .btn:active, .colored .btn:focus { background-color: #eaeaea; }
.btn.medium { font-weight: 700; line-height: 46px; height: 46px; font-size: 20px; padding: 0 18px; min-width: 140px; border-bottom-width: 2px; }
.btn.large { font-weight: 700; line-height: 62px; height: 62px; font-size: 26px; padding: 0 24px; min-width: 180px; border-bottom-width: 2px; }
.btn.xtraLarge { font-weight: 700; line-height: 82px; height: 82px; font-size: 32px; padding: 0 28px; min-width: 220px; border-bottom-width: 3px; }

.btn .fa { opacity: .5; font-size: 1.2em; display: inline-block; vertical-align: middle; margin: 0 -.2em 0 .2em;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.btn:hover .fa { opacity: 1; }