Badstof hoeslaken – Oranje

.dbg-pop{ width:100%; max-width:460px; margin:0 auto; overflow:hidden; border-radius:24px; font-family:'Nunito',sans-serif; background:#fff; box-shadow:0 30px 80px rgba(11,88,117,.32); } .dbg-pop-top{ position:relative; overflow:hidden; padding:40px 34px 30px; text-align:center; color:#fff; background:linear-gradient(160deg,#1ba8d5 0%,#0f6c8c 100%); } .dbg-sun{ position:absolute; top:-46px; right:-46px; width:170px; height:170px; border-radius:50%; background:radial-gradient(circle,#ffd25e 0%,#f6a609 55%,rgba(246,166,9,0) 72%); opacity:.9; } .dbg-pop-eyebrow{ position:relative; display:inline-block; font-weight:800; font-size:13px; letter-spacing:1.2px; text-transform:uppercase; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.3); padding:7px 16px; border-radius:999px; margin-bottom:16px; } .dbg-pop-offer{ position:relative; display:flex; align-items:baseline; justify-content:center; gap:10px; } .dbg-pct{ font-weight:900; font-size:84px; line-height:.9; color:#ffd25e; text-shadow:0 4px 18px rgba(0,0,0,.2); } .dbg-pct-label{ font-weight:900; font-size:30px; color:#fff; text-transform:uppercase; letter-spacing:1px; } .dbg-pop-head{ position:relative; font-weight:800; font-size:24px; margin:8px 0 0; color:#fff; } .dbg-pop-head sup{ font-size:.6em; } .dbg-pop-body{ padding:26px 34px 32px; text-align:center; } .dbg-pop-sub{ font-weight:600; font-size:15px; line-height:1.55; color:#647480; margin:0 0 22px; } .dbg-pop-cta{ display:inline-flex; align-items:center; justify-content:center; width:100%; font-weight:900; font-size:17px; color:#fff; text-decoration:none; background:linear-gradient(135deg,#f6a609 0%,#e8553e 100%); border-radius:999px; padding:16px 28px; box-shadow:0 10px 26px rgba(232,85,62,.32); position:relative; overflow:hidden; isolation:isolate; transition:transform .15s, box-shadow .2s; } .dbg-pop-cta:hover{ transform:translateY(-2px); box-shadow:0 14px 32px rgba(232,85,62,.42); } .dbg-pop-cta::after{ content:""; position:absolute; top:0; left:0; width:60%; height:100%; background:linear-gradient(115deg,rgba(255,255,255,0),rgba(255,255,255,.5) 50%,rgba(255,255,255,0)); transform:translateX(-180%) skewX(-20deg); animation:dbgPopSheen 4s ease-in-out infinite; } @keyframes dbgPopSheen{ 0%{transform:translateX(-180%) skewX(-20deg);} 16%{transform:translateX(320%) skewX(-20deg);} 100%{transform:translateX(320%) skewX(-20deg);} } .dbg-pop-fine{ font-weight:700; font-size:12.5px; color:#9fb2bf; margin:16px 0 0; } @media (prefers-reduced-motion: reduce){ .dbg-pop-cta::after{ animation:none; } } /* --- DBG-POP-SHELL: Elementor-omhulsel onzichtbaar, kruisje op de kaart --- */ #elementor-popup-modal-419004 .dialog-widget-content{ width:460px !important; max-width:calc(100vw - 32px) !important; background:transparent !important; background-image:none !important; box-shadow:none !important; border:0 !important; border-radius:24px; padding:0 !important; overflow:visible; } #elementor-popup-modal-419004 .dialog-message{ padding:0 !important; width:100% !important; max-height:none !important; overflow:visible; } #elementor-popup-modal-419004 .dbg-pop{ max-width:100%; } #elementor-popup-modal-419004 .dialog-close-button{ position:absolute; top:14px; right:14px; left:auto; bottom:auto; z-index:5; width:34px; height:34px; margin:0; padding:0; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.28); color:#fff; font-size:14px; line-height:1; opacity:1; transition:background .2s ease, transform .2s ease; } #elementor-popup-modal-419004 .dialog-close-button:hover{ background:rgba(255,255,255,.34); transform:scale(1.06); } #elementor-popup-modal-419004 .dialog-close-button i, #elementor-popup-modal-419004 .dialog-close-button svg{ color:#fff; fill:#fff; width:14px; height:14px; } @media (max-width:520px){ #elementor-popup-modal-419004 .dialog-widget-content{ width:calc(100vw - 32px) !important; } }