/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 14 2026 | 22:49:44 */
/* ==========================================================
   BeeldBlinkers – één liggend pijltje (→) voor alle knoppen
   Overal hetzelfde pijltje als bij de 'terug naar boven'-knop, liggend en zonder draai-effect.
   De pil-knoppen (.btn-rounded, bijv. 'Versturen') krijgen dit pijltje in plaats van het ↗-teken;
   het neemt vanzelf de tekstkleur van de knop over.
   Richtingpijlen blijven zoals ze zijn: naar boven / naar beneden scrollen,
   vorige/volgende in sliders en 'vorige case'.
   Plaats in: Weergave → Customizer → Extra CSS (onderaan),
   ter vervanging van de vorige 'pijltjes in de knoppen'-code.
   ========================================================== */

/* 1. ronde knoppen met een cirkel (.btn) – pijltje liggend en mooi in het midden */
.btn:not(.alternative):not(.scroll-totop):not(.scroll-down):not(.prev-slide):not(.next-slide):not(.post-nav-prev)::after {
  rotate: 0deg !important;
  translate: -3.5px 0;
}
/* vorige/volgende-blok onderaan de cases: pijltje precies in het midden van het rondje,
   'vorige' wijst naar links. (:not(#bb-x) geeft deze regels voorrang op de algemene knoppen-regel) */
html body .bb-pn-block .btn:not(#bb-x)::after,
html body .bb-pn-block .btn:not(#bb-x)::before { translate: none !important; }
body .bb-pn-block .bb-pn-next .btn:not(#bb-x)::after { rotate: 0deg !important; }
body .bb-pn-block .bb-pn-prev .btn:not(#bb-x)::after { rotate: 180deg !important; }
/* twee-blokken-onderaan (.col-2-actions, bijv. 'Onze aanpak' / 'Bekijk ons werk' op /diensten/): pijltje precies in het midden */
.col-2-actions a.btn:not(#bb-x)::after { translate: -4.5px 1px !important; }

/* 2. pil-knoppen (.btn-rounded) – zelfde pijltje in plaats van ↗, met ruimte tot de tekst */
/* !important: de eigen ↗-regel van de site wordt later geladen en zou anders winnen */
.btn-rounded::after {
  content: "" !important;
  display: inline-block !important;
  vertical-align: middle;
  width: 1.1rem !important;             /* grootte van het pijltje (het thema vergroot het nog 1,4×) */
  height: 1rem !important;
  padding: 0 !important;
  margin: -.15em 0 0 1.2em !important;  /* ruimte tussen tekst en pijltje */
  background-color: currentColor;
  /* zelfde pijlvorm als 'terug naar boven', iets dikker getekend */
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15'%3E%3Cpath d='M1 7.5H14.4M9.4 2.3L14.6 7.5L9.4 12.7' fill='none' stroke='%23000' stroke-width='2.6' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15'%3E%3Cpath d='M1 7.5H14.4M9.4 2.3L14.6 7.5L9.4 12.7' fill='none' stroke='%23000' stroke-width='2.6' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* 3. tekstlink met pijlrondje (.btn-link-arrow, bijv. 'Bekijk de website') – liggend */
.btn-link-arrow::after { transform: none; }
@media (min-width: 992px) {
  .btn-link-arrow:hover::after { transform: translateX(3px); }
}

/* 4. alle pil-knoppen (.btn-rounded) iets minder hoog; bij hover nog steeds iets breder */
/* (:not(#bb-x) geeft voorrang op de eigen 17px-regels van de site, ook bij hover) */
.btn-rounded:not(#bb-x) { padding-top: 14px !important; padding-bottom: 14px !important; }
.btn-rounded:not(#bb-x):hover,
.btn-rounded:not(#bb-x):focus-visible { padding-top: 14px !important; padding-bottom: 14px !important; padding-left: 50px !important; padding-right: 50px !important; }