/* Fall back colors? Eg educator, talks & interviews */
#donate-banner * {
  box-sizing: border-box;
}
.classy-horizontal-chooser {
  display: flex;
  flex-wrap: wrap;
  justify-content: "space-between";
  line-height: 0;
}
@media screen and (max-width: 550px) {
  .classy-horizontal-chooser {
    width: 100%;
  }
}
.classy-horizontal-chooser.amounts li {
  margin: 0 5px;
}
.classy-horizontal-chooser.amounts li label {
  border-radius: 4px;
}
.classy-horizontal-chooser.amounts li:first-child {
  margin-left: 0;
}
.classy-horizontal-chooser.amounts li:first-child label {
  border-radius: 4px;
}
.classy-horizontal-chooser.amounts li:last-child {
  margin-right: 10px;
}
@media screen and (max-width: 1024px) {
  .classy-horizontal-chooser.amounts li:last-child {
    flex: 1 0 auto;
    margin: 16px 0 0 0;
    width: 100%;
  }
}
.classy-horizontal-chooser.amounts li:last-child label {
  border-radius: 4px;
  padding: 9px 0;
}
@media screen and (max-width: 1024px) {
  .classy-horizontal-chooser.amounts li:nth-last-child(2) {
    margin-right: 0;
  }
}
.classy-horizontal-chooser.amounts .error label {
  background-color: #cf5044 !important;
}
.classy-horizontal-chooser li {
  flex: 1;
}
.classy-horizontal-chooser li:first-child label {
  border-radius: 4px 0 0 4px;
}
.classy-horizontal-chooser li:last-child label {
  border-radius: 0 4px 4px 0;
}
.choice-input + label {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
  cursor: pointer;
  padding: 9px;
  text-align: center;
  width: 100%;
}
.choice-input:checked + label {
  background-color: #fff;
  color: #1865f2;
}
.choice-input:focus + label,
.choice-input:hover + label {
  box-shadow: 0 0 0 1px #2c3747, 0 0 0 3px #fff;
}
.choice-input:active + label {
  background-color: #eee;
  color: #1865f2;
}