/* ===================================
   Elegant Liquid Glass Button
   =================================== */

.cta-buttons .btn-primary {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.25) 0%, rgba(118, 75, 162, 0.25) 100%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1.5px solid rgba(167, 139, 250, 0.4);
    position: relative;
    overflow: hidden;
    z-index: 1;
    color: #fff !important;
    box-shadow: 
        0 10px 40px rgba(102, 126, 234, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Subtle liquid effect behind text */
.cta-buttons .btn-primary::before {
    content: '';
    position: absolute;
    top: -100%;
    left: -100%;
    width: 300%;
    height: 300%;
    background: 
        radial-gradient(circle at 25% 25%, rgba(167, 139, 250, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 75% 75%, rgba(236, 72, 153, 0.12) 0%, transparent 50%);
    animation: liquidRotate 12s linear infinite;
    z-index: -1;
}

/* Shimmer overlay */
.cta-buttons .btn-primary::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.15),
        transparent
    );
    transition: left 0.8s ease;
}

/* Hover state */
.cta-buttons .btn-primary:hover {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.35) 0%, rgba(118, 75, 162, 0.35) 100%);
    border-color: rgba(167, 139, 250, 0.6);
    transform: translateY(-2px);
    box-shadow: 
        0 15px 50px rgba(102, 126, 234, 0.4),
        0 0 60px rgba(167, 139, 250, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
    color: #fff !important;
}

.cta-buttons .btn-primary:hover::after {
    left: 100%;
}

.cta-buttons .btn-primary:active {
    transform: translateY(0);
}

/* Smooth rotation for liquid effect */
@keyframes liquidRotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Ensure text stays white */
.cta-buttons .btn-primary span,
.cta-buttons .btn-primary * {
    color: #fff !important;
    position: relative;
    z-index: 2;
}