/* Rustige knoppen voor heel j-consulting.be (2026-10-10). Wordt na de eigen <style> van elke pagina geladen.
   - Hoofdknop (.btn): gewone zinsschrijfwijze, geen letterafstand, geen gloed, hoeken van 8px; per pagina zo weinig mogelijk.
   - Secundair (.btn.ghost, .btn.wa, mailto): een gewone tekstlink met pijl, geen kader. */
.btn {
    text-transform: none !important;
    letter-spacing: normal !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-size: 1rem !important;
    padding: 13px 22px;
}
.btn:hover, .btn:focus-visible { transform: none !important; box-shadow: none !important; }
.top .btn, .btn.cta { font-size: .9rem !important; padding: 9px 16px; }

.btn.ghost, .btn.wa, .btn[href^="mailto:"] {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 13px 4px !important;
    color: var(--accent, #0098c3) !important;
    font-weight: 700;
}
.btn.ghost:hover, .btn.wa:hover, .btn[href^="mailto:"]:hover { background: none !important; text-decoration: underline; }
/* pijl bij interne links; externe links (target=_blank) hebben al ↗ in hun tekst */
.btn.ghost:not([target])::after { content: "\00a0→"; }
/* in donkere blokken blijft de tekstlink leesbaar */
.dark .btn.ghost, .dark .btn.wa { color: inherit !important; }
/* de banners 'Eerst zien, dan pas betalen' en 'Kies er twee' */
.pick3 .go { text-transform: none !important; letter-spacing: normal !important; border-radius: 8px !important; box-shadow: none !important; font-size: .95rem !important; }