html:not(.touch) .button.back:hover .iconWrapper .absoluteIcon:nth-child(1) {
  -webkit-transform: translate(0%, 0%);
  -moz-transform: translate(0%, 0%);
  -o-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}
html:not(.touch) .button.back:hover .iconWrapper .absoluteIcon:nth-child(2) {
  -webkit-transform: translate(-100%, 0%) scale(0.7);
  -moz-transform: translate(-100%, 0%) scale(0.7);
  -o-transform: translate(-100%, 0%) scale(0.7);
  -ms-transform: translate(-100%, 0%) scale(0.7);
  transform: translate(-100%, 0%) scale(0.7);
}
html:not(.touch) .button.header:hover:after {
  width: 0%;
  right: 0;
  left: auto;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText .letter {
  opacity: 0;
  transform: translateY(-100%);
  -webkit-transition: transform 0.6s 0s cubic-bezier(0.85, 0, 0.15, 1), opacity 0.6s 0s ease-in-out;
  -moz-transition: transform 0.6s 0s cubic-bezier(0.85, 0, 0.15, 1), opacity 0.6s 0s ease-in-out;
  -ms-transition: transform 0.6s 0s cubic-bezier(0.85, 0, 0.15, 1), opacity 0.6s 0s ease-in-out;
  -o-transition: transform 0.6s 0s cubic-bezier(0.85, 0, 0.15, 1), opacity 0.6s 0s ease-in-out;
  transition: transform 0.6s 0s cubic-bezier(0.85, 0, 0.15, 1), opacity 0.6s 0s ease-in-out;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText .letter:nth-child(30) {
  transition-delay: 0.6s;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText .letter:nth-child(29) {
  transition-delay: 0.58s;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText .letter:nth-child(28) {
  transition-delay: 0.56s;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText .letter:nth-child(27) {
  transition-delay: 0.54s;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText .letter:nth-child(26) {
  transition-delay: 0.52s;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText .letter:nth-child(25) {
  transition-delay: 0.5s;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText .letter:nth-child(24) {
  transition-delay: 0.48s;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText .letter:nth-child(23) {
  transition-delay: 0.46s;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText .letter:nth-child(22) {
  transition-delay: 0.44s;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText .letter:nth-child(21) {
  transition-delay: 0.42s;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText .letter:nth-child(20) {
  transition-delay: 0.4s;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText .letter:nth-child(19) {
  transition-delay: 0.38s;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText .letter:nth-child(18) {
  transition-delay: 0.36s;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText .letter:nth-child(17) {
  transition-delay: 0.34s;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText .letter:nth-child(16) {
  transition-delay: 0.32s;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText .letter:nth-child(15) {
  transition-delay: 0.3s;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText .letter:nth-child(14) {
  transition-delay: 0.28s;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText .letter:nth-child(13) {
  transition-delay: 0.26s;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText .letter:nth-child(12) {
  transition-delay: 0.24s;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText .letter:nth-child(11) {
  transition-delay: 0.22s;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText .letter:nth-child(10) {
  transition-delay: 0.2s;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText .letter:nth-child(9) {
  transition-delay: 0.18s;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText .letter:nth-child(8) {
  transition-delay: 0.16s;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText .letter:nth-child(7) {
  transition-delay: 0.14s;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText .letter:nth-child(6) {
  transition-delay: 0.12s;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText .letter:nth-child(5) {
  transition-delay: 0.1s;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText .letter:nth-child(4) {
  transition-delay: 0.08s;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText .letter:nth-child(3) {
  transition-delay: 0.06s;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText .letter:nth-child(2) {
  transition-delay: 0.04s;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText .letter:nth-child(1) {
  transition-delay: 0.02s;
}
html:not(.touch) .button:hover .innerTextWrapper .absoluteText:nth-child(2) .letter {
  opacity: 1;
  transform: translateY(0%);
}
html:not(.touch) .button:hover .iconWrapper .absoluteIcon:nth-child(1) {
  -webkit-transform: translate(0%, 0%);
  -moz-transform: translate(0%, 0%);
  -o-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  transition-delay: 0.15s;
  opacity: 1;
}
html:not(.touch) .button:hover .iconWrapper .absoluteIcon:nth-child(2) {
  -webkit-transform: translate(100%, 100%) scale(0.7);
  -moz-transform: translate(100%, 100%) scale(0.7);
  -o-transform: translate(100%, 100%) scale(0.7);
  -ms-transform: translate(100%, 100%) scale(0.7);
  transform: translate(100%, 100%) scale(0.7);
  transition-delay: 0s;
  opacity: 0;
}
.button {
  display: inline-block;
  padding: 0.75vw 1.25vw;
  padding-right: 1.5vw;
  cursor: pointer;
  font-size: 0.875vw;
  font-weight: 500;
  position: relative;
  -webkit-border-radius: 2.5vw;
  -moz-border-radius: 2.5vw;
  border-radius: 2.5vw;
  background: #FBF6E5;
  color: #000000;
  text-decoration: none;
  -webkit-transition: color 0.3s 0s ease-in-out, background 0.3s 0s ease-in-out, border 0.3s 0s ease-in-out;
  -moz-transition: color 0.3s 0s ease-in-out, background 0.3s 0s ease-in-out, border 0.3s 0s ease-in-out;
  -ms-transition: color 0.3s 0s ease-in-out, background 0.3s 0s ease-in-out, border 0.3s 0s ease-in-out;
  -o-transition: color 0.3s 0s ease-in-out, background 0.3s 0s ease-in-out, border 0.3s 0s ease-in-out;
  transition: color 0.3s 0s ease-in-out, background 0.3s 0s ease-in-out, border 0.3s 0s ease-in-out;
}
.button.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.button.smaller {
  padding: 0.4375vw 1.25vw;
}
.button.header {
  background: transparent;
  color: #FBF6E5;
  padding: 0 0 1.25vw 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.button.header:after {
  content: '';
  background: #FBF6E5;
  height: 1px;
  left: 0;
  position: absolute;
  top: auto;
  width: 100%;
  bottom: 0;
  right: auto;
  -webkit-transition: width 0.3s, left 0.3s, right 0.3s;
  -moz-transition: width 0.3s, left 0.3s, right 0.3s;
  -ms-transition: width 0.3s, left 0.3s, right 0.3s;
  -o-transition: width 0.3s, left 0.3s, right 0.3s;
  transition: width 0.3s, left 0.3s, right 0.3s;
}
.button.header .innerTextWrapper {
  width: calc(100% - 1.875vw);
}
.button.outline {
  border: 1px solid #FBF6E5;
  color: #FBF6E5;
  background: transparent;
}
.button.dark {
  background: #2A291F;
  color: #FBF6E5;
  border-color: #2A291F;
}
.button.back .iconWrapper i:nth-child(1) {
  -webkit-transform: translate(100%, 0%) scale(0.7);
  -moz-transform: translate(100%, 0%) scale(0.7);
  -o-transform: translate(100%, 0%) scale(0.7);
  -ms-transform: translate(100%, 0%) scale(0.7);
  transform: translate(100%, 0%) scale(0.7);
}
.button .innerTextWrapper {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  width: calc(100% - 1.875vw);
}
.button .innerTextWrapper .absoluteText {
  display: block;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.button .innerTextWrapper .absoluteText:nth-child(2) .letter {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -o-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
}
.button .innerTextWrapper .absoluteText .letter {
  -webkit-transition: transform 0.3s 0s ease-in-out, opacity 0.3s 0s ease-in-out;
  -moz-transition: transform 0.3s 0s ease-in-out, opacity 0.3s 0s ease-in-out;
  -ms-transition: transform 0.3s 0s ease-in-out, opacity 0.3s 0s ease-in-out;
  -o-transition: transform 0.3s 0s ease-in-out, opacity 0.3s 0s ease-in-out;
  transition: transform 0.3s 0s ease-in-out, opacity 0.3s 0s ease-in-out;
}
.button .innerTextWrapper .innerText {
  visibility: hidden;
}
.button .iconWrapper {
  margin-left: 1.25vw;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 0.625vw;
}
.button .iconWrapper.goBack {
  margin-right: 1.25vw;
  margin-left: 0;
}
.button .iconWrapper .absoluteIcon {
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  width: auto;
}
.button .iconWrapper i {
  font-size: 0.625vw;
  display: block;
  -webkit-transition: transform 0.3s 0s ease-in-out, opacity 0.3s 0s ease-in-out;
  -moz-transition: transform 0.3s 0s ease-in-out, opacity 0.3s 0s ease-in-out;
  -ms-transition: transform 0.3s 0s ease-in-out, opacity 0.3s 0s ease-in-out;
  -o-transition: transform 0.3s 0s ease-in-out, opacity 0.3s 0s ease-in-out;
  transition: transform 0.3s 0s ease-in-out, opacity 0.3s 0s ease-in-out;
}
.button .iconWrapper i:not(.absoluteIcon) {
  opacity: 0;
  pointer-events: none;
}
.button .iconWrapper i:nth-child(1) {
  -webkit-transform: translate(-100%, -100%) scale(0.7);
  -moz-transform: translate(-100%, -100%) scale(0.7);
  -o-transform: translate(-100%, -100%) scale(0.7);
  -ms-transform: translate(-100%, -100%) scale(0.7);
  transform: translate(-100%, -100%) scale(0.7);
  opacity: 0;
}
.button .iconWrapper i:nth-child(2) {
  transition-delay: 0.15s;
}
.button.black {
  background: #000000;
  color: #FBF6E5;
  border-color: #000000;
}
@media all and (max-width: 1080px) {
  .button {
    padding: 1.111vw 1.852vw;
    padding-right: 2.222vw;
    font-size: 1.296vw;
    -webkit-border-radius: 3.704vw;
    -moz-border-radius: 3.704vw;
    border-radius: 3.704vw;
  }
  .button.header {
    padding: 0 0 0.926vw 0;
  }
  .button.header .innerTextWrapper {
    width: calc(100% - 3.704vw);
  }
  .button.smaller {
    padding: 0.648vw 1.852vw;
  }
  .button .innerTextWrapper {
    width: calc(100% - 2.778vw);
  }
  .button .iconWrapper {
    margin-left: 0.926vw;
    width: 1.852vw;
  }
  .button .iconWrapper.goBack {
    margin-right: 0.926vw;
    margin-left: 0;
  }
  .button .iconWrapper i {
    font-size: 1.296vw;
  }
}
@media all and (max-width: 580px) {
  .button {
    padding: 2.586vw 3.448vw;
    padding-right: 4.138vw;
    font-size: 3.448vw;
    -webkit-border-radius: 6.897vw;
    -moz-border-radius: 6.897vw;
    border-radius: 6.897vw;
  }
  .button.smaller {
    padding: 1.207vw 3.448vw;
  }
  .button.header {
    padding: 0 0 3.448vw 0;
  }
  .button.header .innerTextWrapper {
    width: calc(100% - 6.897vw);
  }
  .button .innerTextWrapper {
    width: calc(100% - 6.897vw);
  }
  .button .innerTextWrapper .absoluteText {
    padding-bottom: 0;
  }
  .button .iconWrapper {
    margin-left: 3.448vw;
    width: 3.448vw;
  }
  .button .iconWrapper.goBack {
    margin-right: 3.448vw;
    margin-left: 0;
  }
  .button .iconWrapper i {
    font-size: 3.448vw;
  }
}
