/* Default styling to mimic a strong CTA:
   Blue background, green hover, bold uppercase, slight radius, scales to text width.
   Add your theme classes in the element settings to override. */

.wpb-ifso-button{
  display:inline-block;
  padding:18px 28px;
  border-radius:6px;
  text-decoration:none;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0.12em;
  line-height:1;
  background:#0B5CFF;
  color:#ffffff;
  border:2px solid #0B5CFF;
  transition:background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.wpb-ifso-button:hover,
.wpb-ifso-button:focus{
  background:#00E51A;
  border-color:#00E51A;
  color:#000000;
  text-decoration:none;
  transform:translateY(-1px);
}

.wpb-ifso-button:active{
  transform:translateY(0px);
}

.wpb-ifso-button-wrap{
  display:block;
}

.wpb-ifso-button--small{ padding:12px 18px; font-size:12px; }
.wpb-ifso-button--medium{ padding:18px 28px; font-size:14px; }
.wpb-ifso-button--large{ padding:22px 34px; font-size:16px; }

/* Optional: respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .wpb-ifso-button{
    transition:none;
  }
  .wpb-ifso-button:hover,
  .wpb-ifso-button:focus{
    transform:none;
  }
}