/* Base Button Styling */

.modern-btn {
    text-decoration: none;
    /* Removes underline */
    cursor: pointer;
    /* Ensures the cursor looks clickable */
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 16px 32px;
    border: none;
    border-radius: 16px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    white-space: nowrap;
    overflow: hidden;
    user-select: none;
    color: white;
}

.modern-btn .link-text,
.link-icon {
    color: rgba(255, 255, 255, 1) !important;
}

.modern-btn i {
    font-size: 18px;
}

.icon-group {
    display: flex;
    align-items: center;
    gap: 4px;
}

.icon-group .divider {
    opacity: 0.6;
    font-size: 14px;
    font-weight: 300;
}

/* 15 & 16: Deep Radiant Theme (Darker Gradient) */

.btn-deep-radiant-chat {

    background:  #6affe8;
    /* background: radial-gradient(circle at center, #cefdf5, #6affe8); */

    animation: pulse-bloom-light 2s infinite;

}
.btn-deep-radiant {

    background: linear-gradient(135deg, #199fb1, #0d7c8a);

    animation: pulse-bloom-deep 2s infinite;

}

.btn-deep-radiant::after {

    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;

    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);

    transform: skewX(-20deg);
    animation: shimmer-loop 3.5s infinite;

}



@keyframes pulse-bloom-light {

    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 #6affe8b3;
    }

    70% {
        transform: scale(1.02);
        box-shadow: 0 0 0 15px #6affe800;
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 #6affe800;
    }

}
@keyframes pulse-bloom-deep {

    0% {
        transform: scale(1);
        /* box-shadow: 0 0 0 0 rgba(13, 124, 138, 0.7); */
        box-shadow: 0 0 0 0 rgba(13, 124, 138, 0.7);
    }

    70% {
        transform: scale(1.02);
        box-shadow: 0 0 0 15px rgba(13, 124, 138, 0);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(13, 124, 138, 0);
    }

}

/* Animations */

@keyframes shimmer-loop {

    0% {
        left: -150%;
    }

    30% {
        left: 150%;
    }

    100% {
        left: 150%;
    }

}