/* Minimal baseline – du kommer selv til at bygge animationen */
.sdcw-btn .elementor-button{
    display: inline-flex;
    align-items: center;
    gap: 0;
}

.sdcw-btn.elementor-button-wrapper {
    text-align: right;
}

.sdcw-btn .elementor-button {
    padding: 0;
    border-radius: 200px;
    border: 0;
    background: transparent;
    position: relative;
}

@property --bg-stop {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 0%;
}

.sdcw-btn .elementor-button-content-wrapper {
    --feather: 0.5%;
    --sdcw-btn-color: var(--sdcw-btn-hover, var(--e-global-color-b1e932c));
    --sdcw-btn-text-color: var(--sdcw-btn-text, #ffffff);
    display: inline-flex;
    gap: 10px;
    padding: 7px 15px;
    color: var(--sdcw-btn-text-color);
    border-radius: 200px;
    background: radial-gradient(
            circle at calc(100% - 22px) 50%,
            var(--sdcw-btn-color) calc(var(--bg-stop) - var(--feather)),
            rgba(0,0,0,0) var(--bg-stop),
            rgba(0,0,0,0) 100%
    );
    transition: --bg-stop 0.45s cubic-bezier(.05, .85, .15, 1) 0.2s;
}

.sdcw-btn .elementor-button-text {
    color: var(--sdcw-btn-text-color);
}
.sdcw-btn .elementor-button-icon {
    fill: var(--sdcw-btn-text-color);
}

.sdcw-btn .elementor-button-text {
    transition: all 0.2s ease 0s;
}
.sdcw-btn.sdcw-btn--text-hidden .elementor-button-text {
    opacity: 0;
    transform: translate(20px, 0%);

}

.sdcw-btn.sdcw-btn--text-hidden:hover .elementor-button-text {
    opacity: 1;
    transform:translate(0px, 0%);
    transition-delay: 0.25s;
}
.sdcw-btn:hover .elementor-button-content-wrapper {
    --sdcw-btn-text-color: var(--sdcw-btn-text-hover, #ffffff);
    --bg-stop: 100%;
    transition: --bg-stop .55s cubic-bezier(0.05, 0.00, 0.10, 1.00) 0s;
}