.btn {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  border-width: 0;
  text-align: center;
  border-radius: 0.3125rem;
  line-height: 1.3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .btn:hover {
    text-decoration: none; }
  .btn:focus {
    outline: none; }

.btn-block {
  display: block;
  width: 100%; }

.btn-expander {
  width: 100%; }

.btn--upper {
  text-transform: uppercase; }

.btn[class^="icon-"]:before,
.btn[class^="icon-"]:after,
.btn[class*=" icon-"]:before,
.btn[class*=" icon-"]:after {
  font-size: 0.875rem; }

.btn-big {
  font-weight: bold;
  font-size: 1rem;
  padding: 0.8125rem 0.8125rem 0.8125rem; }

.btn-middle {
  font-weight: bold;
  font-size: 0.75rem;
  padding: 0.75rem; }

.btn-small {
  font-weight: bold;
  font-size: 0.75rem;
  padding: 0.59375rem 0.625rem 0.59375rem; }

.btn-xsmall {
  font-weight: bold;
  font-size: 0.75rem;
  padding: 0.3125rem 0.5rem 0.3125rem; }