.wp-block-easy-architect-button {
    pointer-events: auto;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
    color: inherit;
    outline: none;

    &:hover,
    &:focus,
    &:active {
        text-decoration: none;
        outline: none;
    }

    // Active state when target in view
    &.is-active {
        position: relative;
        
        &::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80%;
            height: 2px;
            background-color: currentColor;
        }
    }

    // Lift effect
    &.hover-effect-lift {
        transition: transform 0.2s ease, box-shadow 0.2s ease;
        
        &:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        }
        
        &:active {
            transform: translateY(0);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }
    }
    
    // Grow effect
    &.hover-effect-grow {
        transition: transform 0.2s ease;
        
        &:hover {
            transform: scale(1.05);
        }
        
        &:active {
            transform: scale(1);
        }
    }
    
    // Fade effect
    &.hover-effect-fade {
        transition: opacity 0.2s ease;
        
        &:hover {
            opacity: 0.8;
        }
        
        &:active {
            opacity: 0.6;
        }
    }
}