:root {
    --main-brand-color: #2ba349;
    --main-brand-color-rgb: 43,163,73;
}
#draggableBtn {
    position: fixed;
    padding: 12px 24px;
    background-color: var(--main-brand-color);
    color: white;
    border: none;
    border-radius: 25px;
    font-size: 16px;
    cursor: grab;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
    user-select: none;
    white-space: nowrap;
    transition: all 0.3s ease;
    animation: draggableAnimation 2s infinite;
    z-index: 9999;
}
#draggableBtn:active {
    cursor: grabbing;
}
@keyframes draggableAnimation {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 rgba(var(--main-brand-color-rgb), 0.7);
    }
    50% {
        transform: scale(1.05);
        box-shadow: 0 0 20px rgba(var(--main-brand-color-rgb), 0.6);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 rgba(var(--main-brand-color-rgb), 0.7);
    }
}