.elementor-548 .elementor-element.elementor-element-66c8b40{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for button, class: .elementor-element-9699d59 */.primary-btn-1 a {
    display: grid !important;
    gap: 0 !important;
    grid-template-columns: auto auto;
    background-color: transparent!important;
    padding: 0!important;
    border: 0!important;
    white-space: nowrap;
}
.primary-btn-1 a:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M1.41177 8H14.5882' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 1.41174L14.5882 7.99998L8 14.5882' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    height: 100%;
    aspect-ratio: 1;
    display: inline-flex;
    background-color: var(--e-global-color-primary);
    border-radius: 10000px;
    margin-left: -2px;
    transition: all 0.6s ease !important;
    justify-content: center;
    align-items: center;
}
.primary-btn-1 a > span {
    padding: 1rem 1.25rem 1rem 1.25rem!important;
    background-color: var(--e-global-color-primary);
    border-radius: 10000px;
    transition: 0.6s ease!important;
}
.primary-btn-1 {
    --circle: 50px; /* zet gelijk aan de hoogte van je button */
}

.primary-btn-1 a:after {
    width: var(--circle);
    height: var(--circle);
    aspect-ratio: unset;
    position: relative;
    z-index: 1;
}

.primary-btn-1 a:hover:after {
    transform: rotate(360deg);
    margin-left: calc(-1 * var(--circle));
}

.primary-btn-1 a:hover > span {
    padding-right: calc(1.25rem + var(--circle) - 2px) !important;
}/* End custom CSS */