.psy-step{display:none}
.psy-step.active{display:block}

/* body text */
.psy-text{
  color:#3A3A3A;
  font-family:"Work Sans", sans-serif;
  font-weight:400;
  font-size:18px;
  line-height:32px;
}

/* buttons wrapper */
.psy-controls{
  display:flex;
  gap:10px;
  margin-top:24px;
}

/* pill buttons */
.psy-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  height:64px;
  padding:18px 40px;
  border-radius:50px;
  border:2px solid #000;
  background:#fff;
  cursor:pointer;
  transition:.2s;
}

/* arrows */
.psy-btn svg{
  width:20px;
  height:20px;
  stroke:#000;
  stroke-width:2;
  fill:none;
  transition:.2s;
}

/* hover + active */
.psy-btn:hover,
.psy-btn.active{
  background:#26BF00;
  border-color:#26BF00 !important;
}

.psy-btn:hover svg,
.psy-btn.active svg{
  stroke:#fff !important;
}

/* counter */
#psy-counter{
  margin-top:18px;
  font-family:"Syne", sans-serif;
  font-weight:400;
  font-size:40px;
  line-height:1;
}



[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover {
    background-color: #26BF00 !important;
    color: #fff;
    text-decoration: none
}