/* Shared wet-paint CTA styles. Drips always match the CTA button color. */
wet-paint-cta{
  --wp-bg:#2F6B3A;
  --wp-fg:#F7FAF8;
  position:relative;
  z-index:2;
  display:inline-flex;
  max-width:100%;
  overflow:visible;
  font-size:0;
  line-height:0;
}
wet-paint-cta[full]{
  display:flex;
  width:100%;
  margin-bottom:38px !important;
}
wet-paint-cta .wp-btn{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
  gap:8px;
  width:100%;
  border:0;
  border-radius:999px;
  padding:14px 26px;
  cursor:pointer;
  text-decoration:none;
  background:var(--wp-bg);
  color:var(--wp-fg);
  font-family:'Baloo 2',system-ui,sans-serif;
  font-size:16px;
  font-weight:700;
  line-height:1.15;
  transition:filter .2s ease,transform .16s ease;
}
wet-paint-cta .wp-btn,
wet-paint-cta .wp-btn:hover,
wet-paint-cta .wp-btn:visited,
wet-paint-cta .wp-btn:active{
  color:var(--wp-fg);
}
wet-paint-cta .wp-btn:hover{filter:brightness(1.08)}
wet-paint-cta .wp-btn:active{transform:translateY(1px);filter:brightness(.94)}
wet-paint-cta .wp-btn:focus-visible{
  outline:2px solid var(--wp-bg);
  outline-offset:3px;
}
wet-paint-cta.wp-sm .wp-btn{padding:9px 18px;font-size:15px}
wet-paint-cta.wp-lg .wp-btn{padding:17px 30px;font-size:18px}

wet-paint-cta .wp-drips{
  position:absolute;
  z-index:3;
  left:0;
  right:0;
  top:calc(100% - 2px);
  height:0;
  overflow:visible;
  pointer-events:none;
}
wet-paint-cta .wp-drip{
  position:absolute;
  top:-3px;
  width:10px;
  height:var(--h,20px);
  border-radius:0 0 999px 999px;
  background:var(--wp-bg);
  box-shadow:0 3px 5px rgba(24,33,27,.12);
  transform-origin:top;
  animation:wp-stretch var(--dur,4s) ease-in infinite;
}
wet-paint-cta .wp-bead{
  position:absolute;
  top:100%;
  left:0;
  width:10px;
  height:10px;
  border-radius:999px;
  background:var(--wp-bg);
  box-shadow:0 3px 5px rgba(24,33,27,.12);
  animation:wp-fall var(--dur,4s) ease-in infinite;
}
@keyframes wp-stretch{
  0%{transform:scaleY(.58)}
  14%{transform:scaleY(1.12)}
  34%{transform:scaleY(.88)}
  46%{transform:scaleY(.62)}
  100%{transform:scaleY(.58)}
}
@keyframes wp-fall{
  0%{transform:translateY(-7px) scale(.92);opacity:1}
  16%{transform:translateY(2px) scale(1);opacity:1}
  28%{transform:translateY(24px) scale(.82);opacity:0}
  100%{transform:translateY(24px) scale(.82);opacity:0}
}
@media(prefers-reduced-motion:reduce){
  wet-paint-cta .wp-drip,
  wet-paint-cta .wp-bead{animation:none}
  wet-paint-cta .wp-bead{display:none}
}