.button-wrapper {
  margin-top: 1.5em;
  text-align: center;
}
.button-wrapper a {
  display: inline-block;
  border: 1px solid #725b50;
  color: #6d2326;
  font-family: 'Handlee', arial, sans-serif;
  font-size: 2.1rem;
  line-height: 1;
  margin: 0 auto 1em auto;
  padding: .4em 2.9em .3em;
  text-align: center;
  transition-duration: 0.3s;
}
@media only screen and (min-width: 62em) {
  .button-wrapper a {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 87.5em) {
  .button-wrapper a {
    font-size: 2.1rem;
  }
}
.button-wrapper a:hover {
  text-decoration: none;
  background: rgba(63, 48, 47, 0.15);
}
.button-wrapper.button-small a {
  padding: .2em 1.5em;
  font-size: 1.8rem;
}
.button-wrapper.button-large a {
  padding: .7em 3em .6em;
  font-size: 2.4rem;
}
.button-wrapper .button-red {
  border: 1px solid #552628;
  background: #552628;
  color: #b5a697;
  border-radius: 5px;
}
.button-wrapper .button-red:hover {
  background: #672e30;
  color: #b5a697;
}
.button-wrapper .button-blue {
  border: 1px solid #5e7899;
  background: #5e7899;
  color: #b5a697;
  border-radius: 5px;
}
.button-wrapper .button-blue:hover {
  background: #6c85a5;
}
.button-wrapper .button-green {
  border: 1px solid #9b9558;
  background: #9b9558;
  color: #b5a697;
  border-radius: 5px;
}
.button-wrapper .button-green:hover {
  background: #a8a265;
}
.button-wrapper .button-dark-brown {
  border: 1px solid #3f302f;
  background: #3f302f;
  color: #b5a697;
  border-radius: 5px;
}
.button-wrapper .button-dark-brown:hover {
  background: #4e3b3a;
  color: #b5a697;
}
.button-wrapper .button-yellow {
  background: #fec20a;
  color: #000;
  font-family: 'Open Sans', arial, sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: -0.5em;
  border-radius: 15px;
  border: none;
}
.button-wrapper .button-yellow:hover,
.button-wrapper .button-yellow:focus,
.button-wrapper .button-yellow:active {
  background: #edb60d;
  color: #000;
}
.button-align-middle {
  text-align: center;
}
.button-align-left {
  text-align: left;
}
.button-align-right {
  text-align: right;
}
.button-align-full {
  text-align: center;
  display: block;
}
.button-align-full a {
  display: block;
}
.button-ghost {
  background: transparent;
  border: 1px solid #999;
  color: #999;
  display: inline-block;
  font-size: 1.8rem;
  margin: .4em 0;
  max-width: 100%;
  padding: .34em 1.7em .14em 1.7em;
  white-space: normal;
  border-radius: 5px;
}
.button-ghost:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.less-padding .button-wrapper a {
  padding-left: .5em;
  padding-right: .5em;
}
.less-margin .button-wrapper {
  margin-top: 1em;
}
.less-margin .button-wrapper a {
  margin-bottom: .5em;
}