.view-all-button {
  width: 200px;
  margin: 35px auto 100px;
  height: auto;
  position: relative; }
  @media (max-width: 767px) {
    .view-all-button {
      margin: 25px auto 75px; } }
  .view-all-button .button {
    width: 100%;
    letter-spacing: 0; }

.button {
  text-decoration: none;
  border: 1px solid;
  border-radius: 0px;
  padding: 12px 26px;
  line-height: 1;
  font-size: 16px;
  font-weight: 500;
  font-family: "Gotham Narrow A", "Gotham Narrow B", sans-serif;
  letter-spacing: -0.5px;
  display: inline-block;
  box-sizing: border-box;
  text-align: center; }
  @media (max-width: 767px) {
    .button {
      padding: 10px 20px;
      font-size: 15px; } }

.button:hover,
.button:focus {
  text-decoration: none; }

.button__line {
  background-color: transparent;
  border: solid 1px #a51c30;
  color: #a51c30;
  width: 100%;
  display: block;
  height: 55px;
  border-radius: 3px;
  padding-top: 18px;
  font-size: 18px; }

/* Rectangle: */
.button--square {
  border-radius: 0px; }

.button--round {
  border-radius: 15px; }

.button--white {
  color: white; }

.button--white--solid {
  color: #202325;
  background-color: white;
  border-color: white; }

.button--shadow {
  text-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666; }

.button--thick {
  border-width: 3px; }

.button--pink {
  color: white;
  background: #E31ADA;
  border-color: #E31ADA; }

.button--pink:hover,
.button--pink:focus,
.button--pink:active {
  background: #BD00B4;
  border-color: #BD00B4; }

.button--raspberry {
  color: white;
  background: #782463;
  border-color: #782463; }

.button--raspberry:hover,
.button--raspberry:focus,
.button--raspberry:active {
  background: #9E4A89;
  border-color: #9E4A89; }

.button--green {
  color: white;
  background: #719932;
  border-color: #719932; }

.button--green:hover,
.button--green:focus,
.button--green:active {
  background: #97BF58;
  border-color: #97BF58; }

.button--teal,
a.button--teal {
  color: white;
  background: #5894AD;
  border-color: #5894AD; }

.button--teal:hover,
.button--teal:focus,
.button--teal:active,
a.button--teal:hover,
a.button--teal:focus,
a.button--teal:active {
  background: #7EBAD3;
  border-color: #7EBAD3; }

.button--orange {
  color: white;
  background: #FF8300;
  border-color: #FF8300; }

.button--orange:hover,
.button--orange:focus,
.button--orange:active {
  background: #FFA926;
  border-color: #FFA926; }

.slider--button {
  text-decoration: none;
  border: 1px solid white;
  border-radius: 25px;
  padding: 10px 40px 10px;
  text-transform: uppercase;
  line-height: 1;
  font-size: 16px;
  font-weight: 600;
  color: #202325;
  background-color: white;
  box-shadow: 0 0 15px #333;
  display: block;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px; }
  .slider--button:hover, .slider--button:focus {
    text-decoration: none;
    background-color: #782463;
    border-color: #782463;
    color: white; }
  @media (max-width: 1040px) {
    .slider--button {
      font-size: 13px;
      padding: 8px 30px 8px; } }

/*# sourceMappingURL=buttons.css.map */