/* Floating CTA Button - Fixed to Bottom Left */
#floatingCta {
    position: fixed;
    bottom: 2rem;
    left: 2rem;
    z-index: 1000;
    box-shadow: 0 8px 32px rgba(255, 255, 255, 0.2);
    animation: pulse 3s ease-in-out infinite;
}

#floatingCta:hover {
    animation: none;
    background: var(--pure-black) !important;
    color: var(--pure-white) !important;
    border-color: var(--pure-white) !important;
}

#floatingCta:hover i,
#floatingCta:hover span {
    color: var(--pure-white) !important;
}

@keyframes pulse {

    0%,
    100% {
        box-shadow: 0 8px 32px rgba(255, 255, 255, 0.2);
    }

    50% {
        box-shadow: 0 8px 48px rgba(255, 255, 255, 0.4);
    }
}

/* Mobile adjustments for floating button */
@media (max-width: 767px) {
    #floatingCta {
        bottom: 1rem;
        left: 1rem;
        padding: 1rem 1.5rem;
        font-size: 0.75rem;
    }
}