.button--big,
a.button--big,
button.button--big {
  margin: 0;
  font-weight: bold;
  text-decoration: none;
  vertical-align: top;
  outline: none;
  display: inline-block;
  cursor: pointer;
  padding: 0;
  border: 0;
  background: #fff;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  color: #1a171b;
  font-size: 16px;
  height: 60px;
  line-height: 58px;
  padding: 0 30px;
  font-family: "Montserrat-Light", Arial, sans-serif;
}
.button--big *,
a.button--big *,
button.button--big * {
  font-family: "Montserrat-Light", Arial, sans-serif;
}
.button--normal,
a.button--normal,
button.button--normal {
  margin: 0;
  font-weight: bold;
  text-decoration: none;
  vertical-align: top;
  outline: none;
  display: inline-block;
  cursor: pointer;
  padding: 0;
  border: 0;
  background: #fff;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  color: #1a171b;
  font-size: 16px;
  padding: 0 30px;
  height: 44px;
  line-height: 42px;
  font-family: "Montserrat-Light", Arial, sans-serif;
}
.button--normal *,
a.button--normal *,
button.button--normal * {
  font-family: "Montserrat-Light", Arial, sans-serif;
}
.button--normal [class^="redicons-"],
a.button--normal [class^="redicons-"],
button.button--normal [class^="redicons-"],
.button--normal [class*=" redicons-"],
a.button--normal [class*=" redicons-"],
button.button--normal [class*=" redicons-"] {
  font-size: 10px;
  margin-right: 5px;
}
.button--simple,
a.button--simple,
button.button--simple {
  margin: 0;
  font-weight: bold;
  text-decoration: none;
  vertical-align: top;
  outline: none;
  display: inline-block;
  cursor: pointer;
  padding: 0;
  border: 0;
  background: #fff;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  color: #1a171b;
  font-size: 13px;
  height: 30px;
  line-height: 28px;
  padding: 0 12px;
  font-family: "Montserrat-Light", Arial, sans-serif;
}
.button--simple *,
a.button--simple *,
button.button--simple * {
  font-family: "Montserrat-Light", Arial, sans-serif;
}
.button--micro,
a.button--micro,
button.button--micro {
  margin: 0;
  font-weight: bold;
  text-decoration: none;
  vertical-align: top;
  outline: none;
  display: inline-block;
  cursor: pointer;
  padding: 0;
  border: 0;
  background: #fff;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  color: #1a171b;
  font-size: 12px;
  height: 30px;
  line-height: 28px;
  padding: 4px 15px;
  font-family: "Montserrat-Light", Arial, sans-serif;
}
.button--micro *,
a.button--micro *,
button.button--micro * {
  font-family: "Montserrat-Light", Arial, sans-serif;
}
.button--disabled,
a.button--disabled,
button.button--disabled {
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4;
  cursor: default!important;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.button--disabled:after,
a.button--disabled:after,
button.button--disabled:after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  content: "";
  cursor: default!important;
}
.button--disabled.button--riple .wave,
a.button--disabled.button--riple .wave,
button.button--disabled.button--riple .wave {
  display: none;
}
.button--flip,
a.button--flip,
button.button--flip {
  cursor: pointer;
  position: relative;
  display: inline-block;
  padding: 0;
  margin: 0 auto;
  border: 0;
  transform-style: preserve-3d;
  -webkit-perspective: 10000px;
  -moz-perspective: 10000px;
  -o-perspective: 10000px;
  -ms-perspective: 10000px;
  perspective: 10000px;
}
.button--flip [class^="button--"],
a.button--flip [class^="button--"],
button.button--flip [class^="button--"],
.button--flip [class*=" button--"],
a.button--flip [class*=" button--"],
button.button--flip [class*=" button--"] {
  display: block;
}
.button--flip--before,
a.button--flip--before,
button.button--flip--before,
.button--flip--after,
a.button--flip--after,
button.button--flip--after {
  position: absolute!important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.button--flip.button--big .button--flip--before,
a.button--flip.button--big .button--flip--before,
a.button--flip--offre.button--big--offre .button--flip--before,
button.button--flip.button--big .button--flip--before {
  -webkit-transform: rotateX(0deg) translateZ(30px);
  -moz-transform: rotateX(0deg) translateZ(30px);
  -ms-transform: rotateX(0deg) translateZ(30px);
  transform: rotateX(0deg) translateZ(30px);
}
.button--flip.button--big .button--flip--after,
a.button--flip.button--big .button--flip--after,
a.button--flip--offre.button--big--offre .button--flip--after,
button.button--flip.button--big .button--flip--after {
  -webkit-transform: rotateX(89deg) translateZ(30px);
  -moz-transform: rotateX(89deg) translateZ(30px);
  -ms-transform: rotateX(89deg) translateZ(30px);
  transform: rotateX(89deg) translateZ(30px);
}
.button--flip.button--big:hover .button--flip--before,
a.button--flip.button--big:hover .button--flip--before,
a.button--flip--offre.button--big--offre:hover .button--flip--before,
button.button--flip.button--big:hover .button--flip--before {
  -webkit-transform: rotateX(-89deg) translateZ(30px);
  -moz-transform: rotateX(-89deg) translateZ(30px);
  -ms-transform: rotateX(-89deg) translateZ(30px);
  transform: rotateX(-89deg) translateZ(30px);
}
.button--flip.button--big:hover .button--flip--after,
a.button--flip.button--big:hover .button--flip--after,
a.button--flip--offre.button--big--offre:hover .button--flip--after,
button.button--flip.button--big:hover .button--flip--after {
  -webkit-transform: rotateX(0deg) translateZ(30px);
  -moz-transform: rotateX(0deg) translateZ(30px);
  -ms-transform: rotateX(0deg) translateZ(30px);
  transform: rotateX(0deg) translateZ(30px);
}
.button--primary,
a.button--primary,
button.button--primary {
  background: #00e094;
  border: 1px solid #00e094;
  color: #FFF;
}
.button--primary:hover,
a.button--primary:hover,
button.button--primary:hover {
  border: 1px solid #00d68d;
  background: #00d68d;
}
button.button--primary.section--disabled:hover {
    border: 1px solid #00e094;
    background: #00e094;
}
.button--primary:active,
a.button--primary:active,
button.button--primary:active {
  border: 1px solid #00d18a;
  background: #00d18a;
}
.button--primary--inverse,
a.button--primary--inverse,
button.button--primary--inverse {
  color: #1a171b;
  border: 1px solid #00e094;
  background: #FFF;
}
.button--primary--inverse:hover,
a.button--primary--inverse:hover,
button.button--primary--inverse:hover {
  color: #00e094;
  border: 1px solid #00e094;
  background: #FFF;
}
.button--primary--inverse:hover [class^="redicons-"],
a.button--primary--inverse:hover [class^="redicons-"],
button.button--primary--inverse:hover [class^="redicons-"],
.button--primary--inverse:hover [class*=" redicons-"],
a.button--primary--inverse:hover [class*=" redicons-"],
button.button--primary--inverse:hover [class*=" redicons-"] {
  color: #00e094 !important;
}
.button--primary--inverse:active,
a.button--primary--inverse:active,
button.button--primary--inverse:active {
  color: #00e094;
  border: 1px solid #00e094;
  background: #FFF;
}
.button--primary--inverse [class^="redicons-"],
a.button--primary--inverse [class^="redicons-"],
button.button--primary--inverse [class^="redicons-"],
.button--primary--inverse [class*=" redicons-"],
a.button--primary--inverse [class*=" redicons-"],
button.button--primary--inverse [class*=" redicons-"] {
  color: #00e094;
}
.button--primary--ghost,
a.button--primary--ghost,
button.button--primary--ghost {
  color: #1a171b;
  border: 1px solid #00e094;
  background: transparent;
}
.button--primary--ghost:hover,
a.button--primary--ghost:hover,
button.button--primary--ghost:hover {
  color: #00e094;
  border: 1px solid #00e094;
  background: transparent;
}
.button--primary--ghost:active,
a.button--primary--ghost:active,
button.button--primary--ghost:active {
  color: #00e094;
  border: 1px solid #00e094;
  background: transparent;
}
.button--primary--nude,
a.button--primary--nude,
button.button--primary--nude {
  color: #00e094;
  border: 1px solid transparent;
  background: transparent;
}
.button--primary--nude:hover,
a.button--primary--nude:hover,
button.button--primary--nude:hover {
  border: 1px solid transparent;
  background: rgba(0, 0, 0, 0.05);
}
.button--primary--nude:active,
a.button--primary--nude:active,
button.button--primary--nude:active {
  border: 1px solid transparent;
  background: rgba(0, 0, 0, 0.1);
}
.button [class^="redicons-"],
a.button [class^="redicons-"],
button.button [class^="redicons-"],
.button [class*=" redicons-"],
a.button [class*=" redicons-"],
button.button [class*=" redicons-"] {
  font-size: 10px;
  margin-right: 5px;
}
.csstransforms3d.flexbox.flexboxlegacy .button--primary.button--rotate .button__text:before {
  background: #00ad72;
}
.csstransforms3d.flexbox.flexboxlegacy .button--primary.button--rotate:hover .button__text:before,
.csstransforms3d.flexbox.flexboxlegacy .button--primary.button--rotate:hover .button__text:active,
.csstransforms3d.flexbox.flexboxlegacy .button--primary.button--rotate:hover .button__text:focus {
  background: #00e094;
}
.csstransforms3d.flexbox.flexboxlegacy .button--primary--inverse.button--rotate .button__text:before {
  background: #e6e6e6;
}
.csstransforms3d.flexbox.flexboxlegacy .button--primary--inverse.button--rotate:hover .button__text:before,
.csstransforms3d.flexbox.flexboxlegacy .button--primary--inverse.button--rotate:active .button__text:before,
.csstransforms3d.flexbox.flexboxlegacy .button--primary--inverse.button--rotate:focus .button__text:before {
  background: #FFF;
}
.csstransforms3d .button--ripple {
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.csstransforms3d .button--ripple .wave {
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  transform: scale(0);
}
.csstransforms3d .button--ripple .wave--animate {
  animation: ripple 0.65s linear;
}
@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
  }
}
@-moz-keyframes ripple {
  100% {
    opacity: 0;
    -moz-transform: scale(2.5);
  }
}
@-ms-keyframes ripple {
  100% {
    opacity: 0;
    -ms-transform: scale(2.5);
  }
}
@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}
@media (max-width: 1024px) {
  .button,
  a.button,
  button.button {
    min-width: auto;
  }
  .button--textHidable span,
  a.button--textHidable span,
  button.button--textHidable span {
    display: none;
  }
}