/*** Boutons stripe ****/

.stripe-button-el {
  display: inline;
}
.direct-stripe-button {
  margin: 0 auto;
  padding: 0.7em 1.2em;
  position: relative;
  display: inline-block;
  font-weight: 700;
  background: none;
  background-image: none;
  background-color: #6772e5;
  border: 1px solid #6772e5;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;

  &:hover {
    background-color: transparent;
    border-color: #6772e5;
    color: #6772e5;
  }
}

.donationvalue {
  max-width: 5em;
  display: inline;
}
.direct-stripe {
  input[type="checkbox"] + label {
    display: inline;
  }
}

.direct-stripe {
  margin: 1em;


  &.ds-left {
    margin: 0 auto 0 0;
    text-align: left;
  }
  &.ds-center {
    margin: 0 auto;
    text-align: center,
  }
  &.ds-right {
    margin: 0 0 0 auto;
    text-align: right;
  }
}

.answer {
  display: none;
  position: absolute;
  color: #fff;
  background-color: #ff0000;
  padding: 0.2em 0.7em;
  transform: translate(5%, -105%);
}