/**
 * Styles for go-do-good/animated-button
 */
.wp-block-go-do-good-animated-button,
.kbc-animated-btn.kbc-give-btn {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0.625rem 1.75rem;
  border-radius: 50px;
  background-color: #53BE7A;
  color: #ffffff;
  font-family: "alternate-gothic-extra-cond", sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 0.9;
  text-transform: uppercase;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(83, 190, 122, 0.4);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid transparent;
  white-space: nowrap;
  width: fit-content;
}
@media (min-width: 576px) {
  .wp-block-go-do-good-animated-button,
  .kbc-animated-btn.kbc-give-btn {
    font-size: 2.25rem;
  }
}
.wp-block-go-do-good-animated-button.alignleft,
.wp-block-go-do-good-animated-button[data-align="left"],
.kbc-animated-btn.kbc-give-btn.alignleft,
.kbc-animated-btn.kbc-give-btn[data-align="left"] {
  display: flex;
  margin-right: auto;
  margin-left: 0;
}
.wp-block-go-do-good-animated-button.aligncenter,
.wp-block-go-do-good-animated-button[data-align="center"],
.kbc-animated-btn.kbc-give-btn.aligncenter,
.kbc-animated-btn.kbc-give-btn[data-align="center"] {
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
.wp-block-go-do-good-animated-button.alignright,
.wp-block-go-do-good-animated-button[data-align="right"],
.kbc-animated-btn.kbc-give-btn.alignright,
.kbc-animated-btn.kbc-give-btn[data-align="right"] {
  display: flex;
  margin-left: auto;
  margin-right: 0;
}
.wp-block-go-do-good-animated-button::after,
.kbc-animated-btn.kbc-give-btn::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(60deg, transparent 30%, rgba(255, 255, 255, 0.25) 50%, transparent 70%);
  transform: translateX(-100%);
  pointer-events: none;
  z-index: 1;
  animation: kbcBtnShineSweep 5s infinite;
}
.wp-block-go-do-good-animated-button:hover,
.kbc-animated-btn.kbc-give-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(83, 190, 122, 0.55);
  background-color: #47a86b;
  color: #ffffff;
}
.wp-block-go-do-good-animated-button:active,
.kbc-animated-btn.kbc-give-btn:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(83, 190, 122, 0.4);
}
.wp-block-go-do-good-animated-button.has-pulse-animation,
.kbc-animated-btn.kbc-give-btn.has-pulse-animation {
  animation: giveBtnPulseGreen 3s infinite ease-in-out;
}
.wp-block-go-do-good-animated-button .kbc-give-btn__static,
.kbc-animated-btn.kbc-give-btn .kbc-give-btn__static {
  font-weight: 700;
  color: inherit;
  display: block;
  margin: 0;
  line-height: 0.9;
  position: relative;
  z-index: 2;
  transform: none !important;
}
.wp-block-go-do-good-animated-button .kbc-give-btn__window,
.kbc-animated-btn.kbc-give-btn .kbc-give-btn__window {
  height: 1.05em;
  line-height: 1.05;
  overflow: hidden;
  display: block;
  width: 100%;
  margin-top: 2px;
  position: relative;
  z-index: 2;
}
.wp-block-go-do-good-animated-button .kbc-give-btn__track,
.kbc-animated-btn.kbc-give-btn .kbc-give-btn__track {
  display: flex;
  flex-direction: column;
  will-change: transform;
}
.wp-block-go-do-good-animated-button .kbc-give-btn__word,
.kbc-animated-btn.kbc-give-btn .kbc-give-btn__word {
  height: 1.05em;
  line-height: 1.05;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  color: inherit;
}

/* 1. Fill */
.wp-block-go-do-good-animated-button.is-style-fill,
.is-style-fill .kbc-animated-btn {
  background-color: #53BE7A;
  color: #ffffff;
  border-color: transparent;
}
.wp-block-go-do-good-animated-button.is-style-fill:hover,
.is-style-fill .kbc-animated-btn:hover {
  background-color: #47a86b;
  box-shadow: 0 6px 20px rgba(83, 190, 122, 0.55);
}
.wp-block-go-do-good-animated-button.is-style-fill.has-pulse-animation,
.is-style-fill .kbc-animated-btn.has-pulse-animation {
  animation: giveBtnPulseGreen 3s infinite ease-in-out;
}

/* 2. Outline */
.wp-block-go-do-good-animated-button.is-style-outline,
.is-style-outline .kbc-animated-btn {
  background-color: transparent !important;
  border: 2px solid #53BE7A !important;
  color: #53BE7A !important;
  box-shadow: none;
}
.wp-block-go-do-good-animated-button.is-style-outline::after,
.is-style-outline .kbc-animated-btn::after {
  display: none;
}
.wp-block-go-do-good-animated-button.is-style-outline:hover,
.is-style-outline .kbc-animated-btn:hover {
  background-color: rgba(83, 190, 122, 0.1) !important;
  color: #3fa162 !important;
  border-color: #3fa162 !important;
  box-shadow: 0 4px 12px rgba(83, 190, 122, 0.25);
}
.wp-block-go-do-good-animated-button.is-style-outline.has-pulse-animation,
.is-style-outline .kbc-animated-btn.has-pulse-animation {
  animation: giveBtnPulseOutline 3s infinite ease-in-out;
}

/* 3. Purple */
.wp-block-go-do-good-animated-button.is-style-purple,
.is-style-purple .kbc-animated-btn {
  background-color: #622D91 !important;
  color: #ffffff !important;
  border-color: transparent !important;
}
.wp-block-go-do-good-animated-button.is-style-purple:hover,
.is-style-purple .kbc-animated-btn:hover {
  background-color: #53247c !important;
  box-shadow: 0 6px 20px rgba(98, 45, 145, 0.55);
}
.wp-block-go-do-good-animated-button.is-style-purple.has-pulse-animation,
.is-style-purple .kbc-animated-btn.has-pulse-animation {
  animation: giveBtnPulsePurple 3s infinite ease-in-out;
}

/* 4. Light Purple */
.wp-block-go-do-good-animated-button.is-style-light-purple,
.is-style-light-purple .kbc-animated-btn {
  background-color: #cc99e0 !important;
  color: #3B3B3B !important;
  border-color: transparent !important;
}
.wp-block-go-do-good-animated-button.is-style-light-purple:hover,
.is-style-light-purple .kbc-animated-btn:hover {
  background-color: #bc82d4 !important;
  box-shadow: 0 6px 20px rgba(204, 153, 224, 0.55);
}
.wp-block-go-do-good-animated-button.is-style-light-purple.has-pulse-animation,
.is-style-light-purple .kbc-animated-btn.has-pulse-animation {
  animation: giveBtnPulseLightPurple 3s infinite ease-in-out;
}

/* 5. Pink */
.wp-block-go-do-good-animated-button.is-style-pink,
.is-style-pink .kbc-animated-btn {
  background-color: #E35EA3 !important;
  color: #ffffff !important;
  border-color: transparent !important;
}
.wp-block-go-do-good-animated-button.is-style-pink:hover,
.is-style-pink .kbc-animated-btn:hover {
  background-color: #d14a90 !important;
  box-shadow: 0 6px 20px rgba(227, 94, 163, 0.55);
}
.wp-block-go-do-good-animated-button.is-style-pink.has-pulse-animation,
.is-style-pink .kbc-animated-btn.has-pulse-animation {
  animation: giveBtnPulsePink 3s infinite ease-in-out;
}

/* 6. Green */
.wp-block-go-do-good-animated-button.is-style-green,
.is-style-green .kbc-animated-btn {
  background-color: #53BE7A !important;
  color: #ffffff !important;
  border-color: transparent !important;
}
.wp-block-go-do-good-animated-button.is-style-green:hover,
.is-style-green .kbc-animated-btn:hover {
  background-color: #47a86b !important;
  box-shadow: 0 6px 20px rgba(83, 190, 122, 0.55);
}
.wp-block-go-do-good-animated-button.is-style-green.has-pulse-animation,
.is-style-green .kbc-animated-btn.has-pulse-animation {
  animation: giveBtnPulseGreen 3s infinite ease-in-out;
}

/* 7. Teal */
.wp-block-go-do-good-animated-button.is-style-teal,
.is-style-teal .kbc-animated-btn {
  background-color: #00A0D2 !important;
  color: #ffffff !important;
  border-color: transparent !important;
}
.wp-block-go-do-good-animated-button.is-style-teal:hover,
.is-style-teal .kbc-animated-btn:hover {
  background-color: #008cb8 !important;
  box-shadow: 0 6px 20px rgba(0, 160, 210, 0.55);
}
.wp-block-go-do-good-animated-button.is-style-teal.has-pulse-animation,
.is-style-teal .kbc-animated-btn.has-pulse-animation {
  animation: giveBtnPulseTeal 3s infinite ease-in-out;
}

/* 8. Lavender */
.wp-block-go-do-good-animated-button.is-style-lavender,
.is-style-lavender .kbc-animated-btn {
  background-color: #CC99E0 !important;
  color: #3B3B3B !important;
  border-color: transparent !important;
}
.wp-block-go-do-good-animated-button.is-style-lavender:hover,
.is-style-lavender .kbc-animated-btn:hover {
  background-color: #be84d4 !important;
  box-shadow: 0 6px 20px rgba(204, 153, 224, 0.55);
}
.wp-block-go-do-good-animated-button.is-style-lavender.has-pulse-animation,
.is-style-lavender .kbc-animated-btn.has-pulse-animation {
  animation: giveBtnPulseLightPurple 3s infinite ease-in-out;
}

/* 9. Cream */
.wp-block-go-do-good-animated-button.is-style-cream,
.is-style-cream .kbc-animated-btn {
  background-color: #F7F4F9 !important;
  color: #3B3B3B !important;
  border-color: #e5dfea !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}
.wp-block-go-do-good-animated-button.is-style-cream:hover,
.is-style-cream .kbc-animated-btn:hover {
  background-color: #ebe4ef !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}
.wp-block-go-do-good-animated-button.is-style-cream.has-pulse-animation,
.is-style-cream .kbc-animated-btn.has-pulse-animation {
  animation: giveBtnPulseCream 3s infinite ease-in-out;
}

/* 10. Charcoal */
.wp-block-go-do-good-animated-button.is-style-charcoal,
.is-style-charcoal .kbc-animated-btn {
  background-color: #3B3B3B !important;
  color: #ffffff !important;
  border-color: transparent !important;
}
.wp-block-go-do-good-animated-button.is-style-charcoal:hover,
.is-style-charcoal .kbc-animated-btn:hover {
  background-color: #292929 !important;
  box-shadow: 0 6px 20px rgba(59, 59, 59, 0.55);
}
.wp-block-go-do-good-animated-button.is-style-charcoal.has-pulse-animation,
.is-style-charcoal .kbc-animated-btn.has-pulse-animation {
  animation: giveBtnPulseCharcoal 3s infinite ease-in-out;
}

/* 11. White */
.wp-block-go-do-good-animated-button.is-style-white,
.is-style-white .kbc-animated-btn {
  background-color: #FFFFFF !important;
  color: #622D91 !important;
  border-color: transparent !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
}
.wp-block-go-do-good-animated-button.is-style-white:hover,
.is-style-white .kbc-animated-btn:hover {
  background-color: #f2edf7 !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
}
.wp-block-go-do-good-animated-button.is-style-white.has-pulse-animation,
.is-style-white .kbc-animated-btn.has-pulse-animation {
  animation: giveBtnPulseWhite 3s infinite ease-in-out;
}

/* 12. White Outline */
.wp-block-go-do-good-animated-button.is-style-white-outline,
.is-style-white-outline .kbc-animated-btn {
  background-color: transparent !important;
  border: 2px solid #FFFFFF !important;
  color: #FFFFFF !important;
  box-shadow: none;
}
.wp-block-go-do-good-animated-button.is-style-white-outline::after,
.is-style-white-outline .kbc-animated-btn::after {
  display: none;
}
.wp-block-go-do-good-animated-button.is-style-white-outline:hover,
.is-style-white-outline .kbc-animated-btn:hover {
  background-color: #FFFFFF !important;
  color: #622D91 !important;
  box-shadow: 0 6px 20px rgba(255, 255, 255, 0.35);
}
.wp-block-go-do-good-animated-button.is-style-white-outline.has-pulse-animation,
.is-style-white-outline .kbc-animated-btn.has-pulse-animation {
  animation: giveBtnPulseWhiteOutline 3s infinite ease-in-out;
}

.wp-block-go-do-good-animated-button.has-text-color .kbc-give-btn__static,
.wp-block-go-do-good-animated-button.has-text-color .kbc-give-btn__word {
  color: inherit !important;
}

@media (prefers-reduced-motion: reduce) {
  .kbc-give-btn__track {
    animation: none;
    transform: translateY(0) !important;
    transition: none !important;
  }
}

@keyframes giveBtnPulseGreen {
  0% {
    box-shadow: 0 0 0 0 rgba(83, 190, 122, 0.55), 0 4px 14px rgba(83, 190, 122, 0.4);
  }
  60% {
    box-shadow: 0 0 0 14px rgba(83, 190, 122, 0), 0 4px 14px rgba(83, 190, 122, 0.4);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(83, 190, 122, 0), 0 4px 14px rgba(83, 190, 122, 0.4);
  }
}

@keyframes giveBtnPulsePurple {
  0% {
    box-shadow: 0 0 0 0 rgba(98, 45, 145, 0.55), 0 4px 14px rgba(98, 45, 145, 0.4);
  }
  60% {
    box-shadow: 0 0 0 14px rgba(98, 45, 145, 0), 0 4px 14px rgba(98, 45, 145, 0.4);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(98, 45, 145, 0), 0 4px 14px rgba(98, 45, 145, 0.4);
  }
}

@keyframes giveBtnPulseLightPurple {
  0% {
    box-shadow: 0 0 0 0 rgba(204, 153, 224, 0.55), 0 4px 14px rgba(204, 153, 224, 0.4);
  }
  60% {
    box-shadow: 0 0 0 14px rgba(204, 153, 224, 0), 0 4px 14px rgba(204, 153, 224, 0.4);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(204, 153, 224, 0), 0 4px 14px rgba(204, 153, 224, 0.4);
  }
}

@keyframes giveBtnPulsePink {
  0% {
    box-shadow: 0 0 0 0 rgba(227, 94, 163, 0.55), 0 4px 14px rgba(227, 94, 163, 0.4);
  }
  60% {
    box-shadow: 0 0 0 14px rgba(227, 94, 163, 0), 0 4px 14px rgba(227, 94, 163, 0.4);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(227, 94, 163, 0), 0 4px 14px rgba(227, 94, 163, 0.4);
  }
}

@keyframes giveBtnPulseTeal {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 160, 210, 0.55), 0 4px 14px rgba(0, 160, 210, 0.4);
  }
  60% {
    box-shadow: 0 0 0 14px rgba(0, 160, 210, 0), 0 4px 14px rgba(0, 160, 210, 0.4);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 160, 210, 0), 0 4px 14px rgba(0, 160, 210, 0.4);
  }
}

@keyframes giveBtnPulseCharcoal {
  0% {
    box-shadow: 0 0 0 0 rgba(59, 59, 59, 0.55), 0 4px 14px rgba(59, 59, 59, 0.4);
  }
  60% {
    box-shadow: 0 0 0 14px rgba(59, 59, 59, 0), 0 4px 14px rgba(59, 59, 59, 0.4);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(59, 59, 59, 0), 0 4px 14px rgba(59, 59, 59, 0.4);
  }
}

@keyframes giveBtnPulseCream {
  0% {
    box-shadow: 0 0 0 0 rgba(210, 200, 216, 0.55), 0 4px 14px rgba(0, 0, 0, 0.08);
  }
  60% {
    box-shadow: 0 0 0 14px rgba(210, 200, 216, 0), 0 4px 14px rgba(0, 0, 0, 0.08);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(210, 200, 216, 0), 0 4px 14px rgba(0, 0, 0, 0.08);
  }
}

@keyframes giveBtnPulseWhite {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7), 0 4px 14px rgba(0, 0, 0, 0.12);
  }
  60% {
    box-shadow: 0 0 0 14px rgba(255, 255, 255, 0), 0 4px 14px rgba(0, 0, 0, 0.12);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0), 0 4px 14px rgba(0, 0, 0, 0.12);
  }
}

@keyframes giveBtnPulseWhiteOutline {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  }
  60% {
    box-shadow: 0 0 0 12px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

@keyframes giveBtnPulseOutline {
  0% {
    box-shadow: 0 0 0 0 rgba(83, 190, 122, 0.45);
  }
  60% {
    box-shadow: 0 0 0 12px rgba(83, 190, 122, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(83, 190, 122, 0);
  }
}

@keyframes kbcBtnShineSweep {
  0%, 70% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}