/* Neon button floating states */

/* Base state: Transparent background, colored border (Outline) + Hover lift & glow (Neon) */
.is-style-neon-shadow .wp-block-button__link {
    /* 1. Outline properties */
    background-color: transparent !important;
    border: 2px solid var(--wp--preset--color--accent-2);
    color: currentColor;

    padding-top: calc(1rem - 1px);
    padding-right: calc(2.25rem - 1px);
    padding-bottom: calc(1rem - 1px);
    padding-left: calc(2.25rem - 1px);
    
    /* 2. Neon properties */
    transform: translateY(-4px);
    box-shadow: 0 6px 9px rgba(0, 255, 0, 0.2), 
    0 0 15px rgba(0, 255, 0, 0.1);
    transition: all 0.15s ease;
}

/* Hover state: Amplify the glow and add a tiny background tint */
.is-style-neon-shadow .wp-block-button__link:hover {
    transform: translateY(-7px);
    box-shadow: 0 8px 12px rgba(0, 255, 0, 0.4), 
                0 0 15px rgba(0, 255, 0, 0.1), 
                inset 0 0 10px rgba(0, 255, 0, 0.1);
    background-color: rgba(0, 255, 0, 0.05);
}

/* Active state: Push down */
.is-style-neon-shadow .wp-block-button__link:active {
    transform: translateY(-6px);
    box-shadow: 0 2px 8px rgba(0, 255, 0, 0.4), 
                0 0 5px rgba(0, 255, 0, 0.2);
}