/* css/cpp-frontend.css */

/* Additional styling for the popup container if needed */
#cpp-popup {
    /* Initially hidden – shown by JavaScript after a delay */
}

/* Popup Content Shadow */
#cpp-popup-content {
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

/* Glowing Effect for Buttons */
#cpp-popup-content a {
    position: relative;
}
#cpp-popup-content a::after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border-radius: inherit;
    opacity: 0;
    transition: opacity 0.3s ease;
    box-shadow: 0 0 8px 2px rgba(255,255,255,0.8);
}
#cpp-popup-content a:hover::after {
    opacity: 1;
}

/* Mobile styles */
@media screen and (max-width: 768px) {
    #cpp-popup-content {
        max-width: 90%;
        font-size: 14px;
        padding: 15px;
    }
    #cpp-popup-content h2 {
        font-size: 18px;
    }
    #cpp-popup-content p {
        font-size: 14px;
    }
    #cpp-popup-content a {
        font-size: 14px;
        padding: 8px 12px;
    }
}