.elementor-135 .elementor-element.elementor-element-381b932{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-fb8b808 *//* Styling for the specific mycred shortcode link to look like a button */
a[href*="mycred.me"] {
    display: inline-block !important;
    background-color: #28a745 !important; /* Green Background */
    color: #ffffff !important;           /* White Text */
    padding: 18px 40px !important;       /* Increased padding for a larger button */
    font-size: 24px !important;          /* Increased Font Size */
    font-weight: 800 !important;         /* Extra Bold Text */
    text-decoration: none !important;    /* Removing underline */
    border-radius: 8px !important;       /* Rounded corners */
    text-align: center !important;
    border: none !important;
    cursor: pointer !important;
    transition: 0.3s ease-in-out !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
    text-transform: uppercase !important; /* Makes text capital */
}

/* Hover effect for color change and slight scaling */
a[href*="mycred.me"]:hover {
    background-color: #218838 !important; /* Darker Green on Hover */
    transform: scale(1.05) !important;    /* Slight zoom effect */
    box-shadow: 0 6px 15px rgba(0,0,0,0.2) !important;
}/* End custom CSS */