.elementor-10840 .elementor-element.elementor-element-c8b9eea{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-287be19 );--border-color:var( --e-global-color-287be19 );--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-10840 .elementor-element.elementor-element-8ba34f3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10840 .elementor-element.elementor-element-8ba34f3.elementor-element{--align-self:center;}.elementor-10840 .elementor-element.elementor-element-fbe63d9 > .elementor-widget-container{margin:-10px 0px -10px 0px;padding:0px 0px 0px 0px;}.elementor-10840 .elementor-element.elementor-element-fbe63d9 .jet-listing-dynamic-field__content{font-family:"Figtree", Sans-serif;font-size:0.95rem;font-weight:600;line-height:1.5em;letter-spacing:0rem;word-spacing:0.05em;text-align:center;}.elementor-10840 .elementor-element.elementor-element-0cdfbeb{--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;--gap:13px 13px;--row-gap:13px;--column-gap:13px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10840 .elementor-element.elementor-element-3773fe1 > .elementor-widget-container{border-style:none;border-radius:77px 77px 77px 77px;}.elementor-10840 .elementor-element.elementor-element-3773fe1 .jet-listing-dynamic-field__content{text-align:left;}.elementor-10840 .elementor-element.elementor-element-817dd7d .jet-listing-dynamic-field__content{text-align:left;}.jet-listing-item.single-jet-engine.elementor-page-10840 > .elementor{width:392px;margin-left:auto;margin-right:auto;}@media(max-width:1024px){.elementor-10840 .elementor-element.elementor-element-fbe63d9 .jet-listing-dynamic-field__content{font-size:15px;}}@media(max-width:767px){.elementor-10840 .elementor-element.elementor-element-fbe63d9 .jet-listing-dynamic-field__content{font-size:15px;}}/* Start custom CSS for container, class: .elementor-element-c8b9eea *//* ===================================================
   1. Basis Container & Full Width Instellingen
   =================================================== */
.custom-download-btn,
.custom-preview-btn {
    width: 100%;
}

.custom-download-btn a,
.custom-preview-btn a {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    border-radius: 6px;
    text-decoration: none !important;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
}

/* ===================================================
   2. Download Knop (Primary / Gevuld)
   =================================================== */
.custom-download-btn a {
    background-color: #3E35EE;
    color: #ffffff !important;
    border: 1px solid #3E35EE;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.custom-download-btn a:hover {
    background-color: #2c25bc; /* Donkerdere tint blauw voor hover */
    border-color: #2c25bc;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
}

/* ===================================================
   3. Preview Knop (Subtiel / Outline)
   =================================================== */
.custom-preview-btn a {
    background-color: transparent;
    color: #3E35EE !important;
    border: 1px solid #3E35EE;
    box-shadow: none;
}

.custom-preview-btn a:hover {
    background-color: transparent;
    color: #2c25bc !important; /* Tekst & icoon veranderen mee */
    border-color: #2c25bc;     /* Rand verandert mee */
    transform: translateY(-1px);
    box-shadow: none;
}

/* ===================================================
   4. SVG Icoontjes (Download & Preview)
   =================================================== */
.custom-download-btn a::before,
.custom-preview-btn a::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: currentColor; /* Inherit tekstkleur automatisch */
    flex-shrink: 0;
}

.custom-download-btn a::before {
    -webkit-mask: url('https://pvnd.nl/wp-content/uploads/2026/09/SolarDownloadMinimalisticLinear.svg') no-repeat center / contain;
    mask: url('https://pvnd.nl/wp-content/uploads/2026/09/SolarDownloadMinimalisticLinear.svg') no-repeat center / contain;
}

.custom-preview-btn a::before {
    -webkit-mask: url('https://pvnd.nl/wp-content/uploads/2026/08/SolarEyeScanLinear.svg') no-repeat center / contain;
    mask: url('https://pvnd.nl/wp-content/uploads/2026/08/SolarEyeScanLinear.svg') no-repeat center / contain;
}

/* ===================================================
   Base Icon Container Styling
   =================================================== */
.file-type-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #3E35EE; /* Kleur van het icoon */
    flex-shrink: 0;
}

/* ===================================================
   SVG Maskers voor Fluent Iconen
   =================================================== */

/* PDF */
.file-type-icon[data-file-type="pdf"] {
    -webkit-mask: url('https://api.iconify.design/fluent:document-pdf-28-regular.svg') no-repeat center / contain;
    mask: url('https://api.iconify.design/fluent:document-pdf-28-regular.svg') no-repeat center / contain;
}

/* Word (.doc / .docx) */
.file-type-icon[data-file-type="word"] {
    -webkit-mask: url('https://api.iconify.design/fluent:document-word-28-regular.svg') no-repeat center / contain;
    mask: url('https://api.iconify.design/fluent:document-word-28-regular.svg') no-repeat center / contain;
}

/* Afbeeldingen (.png / .jpeg / .jpg / .svg / .webp) */
.file-type-icon[data-file-type="image"] {
    -webkit-mask: url('https://api.iconify.design/fluent:image-style-guide-20-regular.svg') no-repeat center / contain;
    mask: url('https://api.iconify.design/fluent:image-style-guide-20-regular.svg') no-repeat center / contain;
}

/* CSV */
.file-type-icon[data-file-type="csv"] {
    -webkit-mask: url('https://api.iconify.design/fluent:document-csv-24-regular.svg') no-repeat center / contain;
    mask: url('https://api.iconify.design/fluent:document-csv-24-regular.svg') no-repeat center / contain;
}

/* PowerPoint (.ppt / .pptx) */
.file-type-icon[data-file-type="ppt"] {
    -webkit-mask: url('https://api.iconify.design/fluent:slide-transition-20-regular.svg') no-repeat center / contain;
    mask: url('https://api.iconify.design/fluent:slide-transition-20-regular.svg') no-repeat center / contain;
}/* End custom CSS */