/*
 * DO NOT EDIT THIS FILE.
 * Find all style at ./sass folder.
 * @preserve
 */
/* Bootstrap abstracts */
/* Bootstrap related abstracts */
@keyframes spinning {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

svg * {
  transform-box: fill-box;
}

.btn--donation {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 9rem;
  padding: 0.9375rem 1.875rem;
  padding-bottom: 0.75rem;
  font-family: "WWF", "Open Sans", apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  color: #fff;
  font-size: 1.875rem;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.0625rem;
  cursor: pointer;
  text-align: center;
  background: #009191;
  border: 0;
}

.btn--donation:hover {
  color: white;
  text-decoration: none;
}

.btn--donation:after {
  content: '';
  display: inline-block;
  width: 1.375rem;
  height: 1.25rem;
  margin-left: 0.625rem;
  background-image: url('data:image/svg+xml;utf8,<svg width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.3139 2.82233C20.3925 0.916895 17.7383 -0.642099 14.651 0.265582C13.1757 0.69499 11.8886 1.61587 10.9998 2.87776C10.1111 1.61587 8.82396 0.69499 7.34869 0.265582C4.25448 -0.628241 1.60722 0.916895 0.685831 2.82233C-0.606859 5.48994 -0.0705301 8.49014 2.28107 11.7398C4.12384 14.2827 6.75735 16.8602 10.5804 19.8535C10.7012 19.9484 10.8501 20 11.0033 20C11.1565 20 11.3053 19.9484 11.4262 19.8535C15.2423 16.8671 17.8827 14.3104 19.7255 11.7398C22.0702 8.49014 22.6066 5.48994 21.3139 2.82233Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}

@media (min-width: 768px) {
  .btn--donation {
    width: auto;
  }
  .btn--donation:after {
    display: none;
  }
}

.btn-container {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100vw;
  z-index: 999999;
}

@media (min-width: 768px) {
  .btn-container {
    left: auto;
    bottom: auto;
    z-index: 99;
    width: auto;
    opacity: 0;
    right: 0;
    top: calc(50% - 40px);
    transform: rotate(-90deg);
  }
}

.btn-container .patte-gauche {
  transform-origin: 0 0;
}

.btn-container #tete {
  transform-origin: 50% 50%;
  animation: head-giggle 3s 0.5s infinite linear;
}

.btn-container .menton,
.btn-container .bouche {
  transition: transform 0.38s cubic-bezier(0.39, 0.575, 0.28, 0.995);
  transform: translateY(-25px);
}

.btn-container:hover .patte-gauche {
  transform: scaleY(1.25) rotate(5deg);
}

.btn-container:hover .menton,
.btn-container:hover .bouche {
  transform: translateY(0);
}

.svg-donation {
  position: absolute;
  display: none;
  width: 6.5625rem;
  height: auto;
  left: calc(100% - 40px);
  top: -2.0625rem;
  z-index: 2;
  transform: rotate(90deg) scaleX(-1);
}

@media (min-width: 768px) {
  .svg-donation {
    display: block;
  }
}

.svg-donation svg {
  position: relative;
  display: block;
  width: 100%;
}

.svg-donation .patte-gauche {
  transition: transform 0.42s cubic-bezier(0.39, 0.575, 0.28, 0.995);
}

#oreille_droite {
  position: relative;
  display: block;
  transform-origin: 0% 100%;
  animation: ear-giggle 4s infinite ease-in-out;
}

path.paupiere {
  display: block;
  opacity: 0;
  animation: eyes-close 4s 1s infinite ease-in-out;
}

@keyframes head-giggle {
  0% {
    transform: rotate(0deg);
  }
  5% {
    transform: rotate(8deg);
  }
  15% {
    transform: rotate(-4deg);
  }
  20% {
    transform: rotate(0deg);
  }
}

@keyframes ear-giggle {
  0% {
    transform: rotate(0deg);
  }
  5% {
    transform: rotate(8deg);
  }
  10% {
    transform: rotate(0deg);
  }
  15% {
    transform: rotate(-8deg);
  }
  20% {
    transform: rotate(0deg);
  }
}

@keyframes eyes-close {
  0% {
    opacity: 0;
  }
  4% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  8% {
    opacity: 1;
  }
  9% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

/*# sourceMappingURL=btn-donation.build.css.map */