.circular-text-circle-path{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Scroll visibility - fade in only (no translateY to avoid transform conflicts) */
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
    /* Radius in pixels - used by JavaScript for CircleType */
    /* this works to a minimum radius needed from the text */
    /* not adjustable via browser inspector, just here for ease */
    --circular-text-radius: 25;
    /* Scroll threshold - pixels to scroll before showing, like in _whatsapp-btn.ejs */
    --circular-text-scroll-threshold: 100;
}

.circular-text-circle-path.visible {
    opacity: 1 !important;
    pointer-events: auto !important;
}

.circular-text-text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* text-transform: uppercase; */
    pointer-events: none;
    z-index: 1;
    white-space: nowrap;
    /* font-family and color found in the template code */
}

.circular-text-button-wrapper{
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}