.elementor-kit-16987{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-3141bef:#393D46;--e-global-color-eadc8ea:#A36F5A;--e-global-color-1d3c626:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-16987 e-page-transition{background-color:#FFBC7D;}.elementor-kit-16987 a{color:var( --e-global-color-3141bef );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* === Basis fixed knop === */
.fixed-sample-button {
    position: fixed;
    right: 0;
    top: 40%;
    z-index: 9999;
    background-color: #e0007a;
    padding: 12px 18px;
    border-radius: 8px 0 0 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.25);
    transition: all 0.3s ease;
}

.fixed-sample-button a {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    display: block;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    letter-spacing: 1px;
}

/* Hover effect */
.fixed-sample-button:hover {
    right: 3px;
    background-color: #c4006b;
}


/* === Pulse animatie (zoals jouw button) === */
@keyframes pulseAnimation {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.1); }
    100% { transform: scale(1); }
}

/* === 5 pulses achter elkaar === */
/* Duur van 1 pulse = 0.5s → 5 pulses = 2.5s */
.pulse-5x {
    animation: pulseAnimation 0.5s ease-in-out 5;
}


/* === Automatisch elke 10 seconden pulsen === */
.fixed-sample-button {
    animation: pulseAnimation 0.5s ease-in-out 5;
    animation-delay: 10s;
    animation-iteration-count: infinite;
    animation-fill-mode: none;
}

/*
Uitleg:
- animation: pulseAnimation 0.5s ease-in-out 5   → 5 pulses
- animation-delay: 10s                           → elke 10 sec opnieuw
- animation-iteration-count: infinite            → blijft doorlopen
*//* End custom CSS */