.wbf-job-cta {
    --wbf-job-navy: #1f2a44;
    width: 100%;
    max-width: 100%;
    margin: 0 0 22px;
    font-family: Inter, Arial, sans-serif;
}
.wbf-job-cta *, .wbf-job-cta *::before, .wbf-job-cta *::after { box-sizing: border-box; }
body .wbf-job-cta .wbf-solliciteer-knop,
body[class*="elementor-kit-"] .wbf-job-cta a.wbf-solliciteer-knop,
.elementor .wbf-job-cta a.wbf-solliciteer-knop {
    width: auto !important;
    max-width: 100% !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 13px 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 28px !important;
    border: 1px solid var(--wbf-knop-kleur, var(--wbf-job-navy)) !important;
    border-radius: 9px !important;
    background: var(--wbf-knop-kleur, var(--wbf-job-navy)) !important;
    background-color: var(--wbf-knop-kleur, var(--wbf-job-navy)) !important;
    background-image: none !important;
    color: #fff !important;
    font: 850 14px/1.2 Inter, Arial, sans-serif !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: none !important;
    box-shadow: 0 10px 22px rgba(31,42,68,.14) !important;
    appearance: none !important;
    transition: transform .18s ease, box-shadow .18s ease !important;
}
body .wbf-job-cta .wbf-solliciteer-knop:hover,
body .wbf-job-cta .wbf-solliciteer-knop:focus-visible,
body[class*="elementor-kit-"] .wbf-job-cta a.wbf-solliciteer-knop:hover,
body[class*="elementor-kit-"] .wbf-job-cta a.wbf-solliciteer-knop:focus-visible {
    border-color: var(--wbf-knop-kleur, var(--wbf-job-navy)) !important;
    background: var(--wbf-knop-kleur, var(--wbf-job-navy)) !important;
    background-color: var(--wbf-knop-kleur, var(--wbf-job-navy)) !important;
    background-image: none !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 27px rgba(31,42,68,.21) !important;
}
.wbf-job-cta--bottom .wbf-solliciteer-knop { width: min(100%, 390px) !important; }
@media (max-width: 620px) {
    .wbf-job-cta .wbf-solliciteer-knop { width: 100% !important; }
}
@media (prefers-reduced-motion: reduce) {
    .wbf-job-cta .wbf-solliciteer-knop { transition-duration: .01ms !important; }
}
