.elementor-2072 .elementor-element.elementor-element-940117a{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-2072 .elementor-element.elementor-element-940117a:not(.elementor-motion-effects-element-type-background), .elementor-2072 .elementor-element.elementor-element-940117a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fb54f66 );}.elementor-2072 .elementor-element.elementor-element-39659af{text-align:center;}.elementor-2072 .elementor-element.elementor-element-39659af .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2072 .elementor-element.elementor-element-340fec7{text-align:center;color:var( --e-global-color-text );}.elementor-2072 .elementor-element.elementor-element-18da03f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-2072 .elementor-element.elementor-element-ffc954d.elementor-element{--align-self:center;}/* Start custom CSS for shortcode, class: .elementor-element-e99f8ea *//* =========================================================
   🎯 Verwijderknop binnen dit shortcode-blok (Frontend Admin)
   Gebruik dit in het veld "Aangepaste CSS" van je shortcode.
   Pas alleen de kleurcodes hieronder aan naar wens.
   ========================================================= */

/* 🟢 NORMALE STIJL (wanneer knop niet wordt gehoverd) */
.elementor-2072 .elementor-element.elementor-element-e99f8ea .fea-delete-button,
.elementor-2072 .elementor-element.elementor-element-e99f8ea .fea-button-delete,
.elementor-2072 .elementor-element.elementor-element-e99f8ea .acfef-delete-button,
.elementor-2072 .elementor-element.elementor-element-e99f8ea .acfef-button-delete,
.elementor-2072 .elementor-element.elementor-element-e99f8ea .acfef-submit-button.delete,
.elementor-2072 .elementor-element.elementor-element-e99f8ea button.delete,
.elementor-2072 .elementor-element.elementor-element-e99f8ea input[type="submit"].delete,
.elementor-2072 .elementor-element.elementor-element-e99f8ea input[type="submit"][value*="Verwijder"] {
  background-color: #000 !important; /* ← Achtergrondkleur knop */
  color: ##EDE5DC !important;             /* ← Tekstkleur */
  border: 1px solid #768D5E !important;  /* ← Randkleur + dikte */
  border-radius: 6px !important;         /* ← Hoekafronding (optioneel aanpassen) */
  padding: 10px 15px !important;          /* ← Binnenruimte (optioneel aanpassen) */
  font-weight: 500 !important;           /* ← Tekstdikte */
  transition: all 0.25s ease !important; /* ← Soepel hover-effect */
}

/* 🔴 HOVER-STIJL (wanneer je over de knop gaat) */
.elementor-2072 .elementor-element.elementor-element-e99f8ea .fea-delete-button:hover,
.elementor-2072 .elementor-element.elementor-element-e99f8ea .fea-button-delete:hover,
.elementor-2072 .elementor-element.elementor-element-e99f8ea .acfef-delete-button:hover,
.elementor-2072 .elementor-element.elementor-element-e99f8ea .acfef-button-delete:hover,
.elementor-2072 .elementor-element.elementor-element-e99f8ea .acfef-submit-button.delete:hover,
.elementor-2072 .elementor-element.elementor-element-e99f8ea button.delete:hover,
.elementor-2072 .elementor-element.elementor-element-e99f8ea input[type="submit"].delete:hover,
.elementor-2072 .elementor-element.elementor-element-e99f8ea input[type="submit"][value*="Verwijder"]:hover {
  background-color: #768D5E !important; /* ← Hover achtergrondkleur */
  color: #EDE5DC !important;             /* ← Hover tekstkleur */
  border-color: #9E6E68 !important;      /* ← Hover randkleur */
}/* End custom CSS */